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

发布于:2023-03-27 ⋅ 阅读:(209) ⋅ 点赞:(0)

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 即可。


网站公告

今日签到

点亮在社区的每一天
去签到