本篇目录：
css如何实现图像的透明与不透明(完整代码)
实例 1 - 创建透明图像定义透明效果的 CSS3 属性是 opacity。首先，我们将展示如何通过 CSS 来创建透明图像。
现在，我们先来编写一个只是背景图像透明的CSS。首先，我们来看一下HTML代码 蒲公英.bg是一个空div，“蒲公英”写在它之外。
今天给大家带来的代码是如何使用CSS让图片实现半透明的效果，下面我们来看一下。
参数说明：opacity是最重要的，因为它是CSS透明的标准属性，取值范围在0-1之间，目前支持的浏览器有：Firefox、Chrome、Opera、Safari。
方法一：用rgba值设置背景 现在ps里面看下我们的背景颜色的rgb值是多少。
其中background：#000； filter：alpha(opacity：30)； opacity：0.3；为关键代码，当opacity值为1时，表示完全不透明，为0时表示完全透明。其关的属性介绍如下：opacity： 0.3；这是“最重要的”，因为它是在CSS的现行标准。
CSS怎么设置让背景颜色透明,而文字不透明
也就是说，下面将利用position属性将“蒲公英”放在图像的上面，我们来看具体的代码实例首先，给出相对位置（position：relative；）到.content。
不仅div容器半透明了，连div里面的文字和图片都把透明了。由于这些滤镜的属性已经继承给了子元素，所以会出现这种效果。
如果要半透明效果的图片呈现别的形状，改动“Style=3”的值即可，取值范围为0，1，2，3；其中0是最普遍的，即统一格式。
CSS如何使背景透明以及文字不透明的实例
1、也就是说，下面将利用position属性将“蒲公英”放在图像的上面，我们来看具体的代码实例首先，给出相对位置（position：relative；）到.content。
2、图像透明不透明用到opacity元素，值为0到1，一般用0.4或0.6就够了。ie8以下浏览器写法为：filter：alpha(opacity=40)；值为0到100.一般为了兼容同时写两种。
3、要设置某一元素的背景为透明，在 chrome 、firefox、opera 下是这样的：background-color： rgba(0， 0， 0， 0.4)；rgba 中的最后一个参数 0.4 就是想要的透明度，范围在0～1之间。
如何设置div的透明度但是其中的文字不透明
不仅div容器半透明了，连div里面的文字和图片都把透明了。由于这些滤镜的属性已经继承给了子元素，所以会出现这种效果。
第三行能够支持各大浏览器，但是IE6-IE8浏览器不支持。特别说明：虽然实现了背景透明，但div中的文字也呈现为透明状态，这往往不是想要的，可以参阅如何设置div的透明度但是其中的文字不透明一章节解决此问题。
如果用opacity就感觉文字也透明了。影响外观，阅读。还有一种兼容的方法，主要兼容不支持使用rgba()格式值的浏览器。DIV本身就是块级元素，不需要设置。
上面的代码将第二个div设置为半透明，但是文字也出现了透明现象。
div style=background-color： rgba(0，0，0，0.3)；这是一个盒子的内容/div 用以下方法可以将标签的背景颜色设置为半透明。
，0，0.2)；RGB：Red Green Bule （212， 0， 0 ）以及三色的值混合.最后一个参数.0.2 则是指的透明度，1为100% 不透明。
到此，以上就是小编对于css文字渐变色代码的问题就介绍到这了，希望介绍的几点解答对大家有用，有任何问题和不懂的，欢迎各位老师在评论区讨论，给我留言。
