css 只改变父元素的透明度,不改变子元素透明度

css 只改变父元素的透明度,不改变子元素透明度rgba+opacity

在给父元素背景设置透明度时,子元素内容继承了父元素的透明度

利用CSS3属性 rgba,例如 background-color:rgba(0,0,0,0.5)。

但是IE7/8不支持此属性,可按如下方法写:

父元素div要写如下:

background-color: rgba(0,0,0,0.5)!important;background-color: #000;filter:Alpha(opacity=50);

子元素div加个定位 position:absolute/relative 即可。

    原文作者:无名小子
    原文地址: https://segmentfault.com/a/1190000009467478
    本文转自网络文章,转载此文章仅为分享知识,如有侵权,请联系博主进行删除。
点赞