html子元素不继承父元素(opacity)的解决方法

来源:互联网 发布:iphone闪存检测软件 编辑:程序博客网 时间:2024/05/30 23:41

给父元素设置了背景颜色加透明

background-color: #000;opacity: 0.5;-moz-opacity: 0.5;filter: alpha(opacity=50);

发现效果是子元素也继承了父元素的属性

这里写图片描述
字也变的透明,如果不希望这样,可以把上面的代码用下面的代码来代替

background: rgba(0,0,0,.3); 

效果如下图
这里写图片描述

这样字体就不会继承父元素的属性变的透明了。

阅读全文
1 0
原创粉丝点击