在css当中使用opacity:0.5;属性设置了透明背景,之后上面的字设置白色不...
在index.html中的标签中，对“article”添加样式：opacity： 0.5；，对“article p”添加样式：opacity： 1；。浏览器运行index.html页面，此时背景是50%透明度，但字体是不透明的。
首先我们新建一个html文件，添加一个DIV，设置宽度和高度，以及背景色填充为红色。然后在父级DIV中插入一个子DIV，定义它的宽高，以及背景色。然后我们添加一个透明度的代码（opacity：0.6）。
CSS实现背景图像透明需要用到的属性是opacity属性，但是在有文字的情况下，为了防止文字透明我们需要将元素分开。
css如何设置透明度(兼容ie,firefox)
1、第三行能够支持各大浏览器，但是IE6-IE8浏览器不支持。特别说明：虽然实现了背景透明，但div中的文字也呈现为透明状态，这往往不是想要的，可以参阅如何设置div的透明度但是其中的文字不透明一章节解决此问题。
2、首先，我们将展示如何通过 CSS 来创建透明图像。
3、这样设置了以后就兼容ie8以下的浏览器了。方法二：定位法 设置文字内容和背景内容不在一个层上。让文字内容浮动到半透明的背景层上。如果你的文字在半透明背景层的下面，要设置z-index的值让文字位于背景的上面就行了。
4、设置背景颜色半透明的样式代码background-color：rgba(0，0，255，0.5)；运行结果为 透明原理：把背景颜色设置为rgb的方式，然后再加一个透明度就可以设置为半透明了。注意：设置背景颜色时哪里应该写成rgba。
5、css中 filter仅支持ie6以及以上版本，其余浏览器，包括firefox，chrome，opera，Safari都不支持。要在这些版本设置透明度，可用opacity属性，支持的浏览器包括IE 0，Firefox，Safari，Chrome，opera。
在css中怎样让文字的背景色透明?
CSS实现背景图像透明需要用到的属性是opacity属性，但是在有文字的情况下，为了防止文字透明我们需要将元素分开。
不仅div容器半透明了，连div里面的文字和图片都把透明了。由于这些滤镜的属性已经继承给了子元素，所以会出现这种效果。
要设置某一元素的背景为透明，在 chrome 、firefox、opera 下是这样的：background-color： rgba(0， 0， 0， 0.4)；rgba 中的最后一个参数 0.4 就是想要的透明度，范围在0～1之间。
第二行代码支持老版本的FF浏览器，其实去掉也可以，因为老版本的浏览器使用率很少了。第三行能够支持各大浏览器，但是IE6-IE8浏览器不支持。
css中如何设置透明度
创建一个html文件。在html文件找到一个标签，在这个标签里创建一个标签并添加一个类，在这把这个类设置为：rgba。代码： 为div添加样式。
怎样在CSS样式中设置背景的透明度，下面一个具体的实例。把类为box的层设为透明。
您好，设置 背景透明度：background：rgba(0，0，0，0.5) 最后一个参数为透明度。
这样，看上去就是一个图片从右到左渐渐变得透明的效果。这是我比较粗暴的方法，后来在网上看到一种更加优雅的方式：大体上差不多，重点是 CSS 的 background-image 属性可以设置多张图片，用逗号隔开 。
设置背景颜色半透明的样式代码background-color：rgba(0，0，255，0.5)；运行结果为 透明原理：把背景颜色设置为rgb的方式，然后再加一个透明度就可以设置为半透明了。注意：设置背景颜色时哪里应该写成rgba。
css中如何设置透明度?
图像透明不透明用到opacity元素，值为0到1，一般用0.4或0.6就够了。ie8以下浏览器写法为：filter：alpha(opacity=40)；值为0到100.一般为了兼容同时写两种。
即使将其设置在0.0到0的范围之外，也可以在此范围内应用（例如：-1→ 0/2 →1）将不透明度设置为0使其完全透明，并从屏幕上消失。当不透明度设置为1时，它变得完全不透明。
创建一个html文件。在html文件找到一个标签，在这个标签里创建一个标签并添加一个类，在这把这个类设置为：rgba。代码： 为div添加样式。