大体上差不多，重点是 CSS 的 background-image 属性可以设置多张图片，用逗号隔开 。因为我不知道这个属性有这个能力才会额外加了个渐变透明图层来实现效果。
创新互联公司-专业网站定制、快速模板网站建设、高性价比临西网站开发、企业建站全套包干低至880元,成熟完善的模板库,直接使用。一站式临西网站制作公司更省心,省钱,快速模板网站建设找我们，业务覆盖临西地区。费用合理售后完善，十载实体公司更值得信赖。
设置背景颜色半透明的样式代码background-color：rgba(0，0，255，0.5)；运行结果为 透明原理：把背景颜色设置为rgb的方式，然后再加一个透明度就可以设置为半透明了。注意：设置背景颜色时哪里应该写成rgba。
A、opacity 属性设置元素的不透明级别。B、默认值：1。C、继承性：no。D、版本：CSS3。E、JavaScript 语法：object.style.opacity=0.5。语法：opacity： value|inherit。A、value：规定不透明度。
在index.html中的标签中，输入css代码：div {opacity：0.5；background-color： #0b93d5} span {color： white；} 浏览器运行index.html页面，此时成功在透明度50%的背景上显示了白色的文字。
通过 transition 属性来设置透明度的过渡效果，让图片的变化更加平滑自然。然后，使用 ：hover 选择器来选择鼠标移上图片时的状态，并设置透明度为 0.7。最后，使用 cursor 属性来设置鼠标的形状为小手。
这是我比较粗暴的方法，后来在网上看到一种更加优雅的方式：大体上差不多，重点是 CSS 的 background-image 属性可以设置多张图片，用逗号隔开 。因为我不知道这个属性有这个能力才会额外加了个渐变透明图层来实现效果。
在css中，使用白色背景的方法是选中某个图片；在html中，当css背景为淡白色背景时，背景为淡白色文本时，文本背景为黄色；这样，就是在css中使用白色背景，以此达到最佳的效果。
border-color： rgba(151， 151， 151， 0.3)；前三个为边框颜色的rgb值，最后一个为透明度。
还有就是设置background-color：rgba()，这种方式只能设置背景颜色的透明度。
首先，打开html编辑器，新建html文件，例如：index.html。
如果要半透明效果的图片呈现别的形状，改动“Style=3”的值即可，取值范围为0，1，2，3；其中0是最普遍的，即统一格式。
这是一个盒子的内容 用以下方法可以将标签的背景颜色设置为半透明。
首先，打开html编辑器，新建html文件，例如：index.html，编写问题基础代码。在index.html中的标签中，对“article”添加样式：opacity： 0.5；，对“article p”添加样式：opacity： 1；。
透明原理：把背景颜色设置为rgb的方式，然后再加一个透明度就可以设置为半透明了。注意：设置背景颜色时哪里应该写成rgba。
首先，打开html编辑器，新建html文件，例如：index.html，编写问题基础代码。在index.html中的标签中，对“article”添加样式：opacity： 0.5；，对“article p”添加样式：opacity： 1；。
css rgba()设置颜色透明度 RGBA 是代表Red（红色） Green（绿色） Blue（蓝色）和 Alpha（不透明度）三个单词的缩写。RGBA 颜色值是 RGB 颜色值的扩展，带有一个 alpha 通道 - 它规定了对象的不透明度。