html子元素不继承父元素(opacity)的解决方法
The HTML child element does not inherit the parent element's (opacity) workaround
2021-05-29 17:04:23
CSS
266

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

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

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

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

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