div子元素不继承父元素（opacity）的解决方法

给父元素设置了背景颜色加透明
background-color: #000;
opacity: 0.5;
-moz-opacity: 0.5;
filter: alpha(opacity=50);
1
2
3
4
发现效果是子元素也继承了父元素的属性

字也变的透明，如果不希望这样，可以把上面的代码用下面的代码来代替

background: rgba(0,0,0,.3);
1
效果如下图

这样字体就不会继承父元素的属性变的透明了。
————————————————
版权声明：本文为CSDN博主「Evan_23」的原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接及本声明。
原文链接：https://blog.csdn.net/qq_17034925/article/details/72466122