关闭

父元素使用opacity将子元素都变透明了的解决方案

1070人阅读 评论(0) 收藏 举报
分类:

    使用opacity不仅使目标元素的背景变得半透明,而且使它所有的子元素的背景也变成了半透明。这意味着它里面所有的文本、图片也一样都具有同样的透明度,这个效果肯定不是我想要的。


解决办法:

可以用 rgba()解决 : background: raba(x1, x2, x3, y); x1 x2 x3取值是0-255之间的整数,y取值是0-1之间(00.10.20.30.40.50.60.70.80.91) 


<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>


相关的文章:

使用RGBa和Filter实现不影响子元素的CSS透明背景

0
0

查看评论
* 以上用户言论只代表其个人观点,不代表CSDN网站的观点或立场
    个人资料
    • 访问:103049次
    • 积分:1594
    • 等级:
    • 排名:千里之外
    • 原创:224篇
    • 转载:151篇
    • 译文:1篇
    • 评论:7条
    文章分类
    最新评论