使用opacity不仅使目标元素的背景变得半透明,而且使它所有的子元素的背景也变成了半透明。这意味着它里面所有的文本、图片也一样都具有同样的透明度,这个效果肯定不是我想要的。
解决办法:
可以用 rgba()解决 : background: raba(x1, x2, x3, y); x1 x2 x3取值是0-255之间的整数,y取值是0-1之间(0,0.1,0.2,0.3,0.4,0.5,0.6,0.7,0.8,0.9,1)
<span style="font-size:18px;">div {background-color:rgb(255,255,255);background-color:rgba(255,255,255,0.9);filter: alpha(opacity=90);
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";}</span>
相关的文章: