实现半透明有两种方式:
(1)background-color:rgb(0,0,0);opacity:.2;
(2)background:rgba(0,0,0,.2);
这两种方式是不同的。opacity
方式,会将元素的子元素也变成半透明的,例如:文字rgba
方式,只对该元素进行设置,不影响子元素。
首先使用了opacity属性
仔细看,是可以通过黑色框内白色的字,看到网页文本里的字的。
在使用了background-color:rgba(0,0,0,0.5)之后
这里仅仅是背景透明了,框内的文字并没有继承该属性,所以并不能透过文字看到网页里的文本
原文:http://www.cnblogs.com/acorn/p/5264113.html