css - 停止继承的不透明度

Question

我有div与opacity:0.80;包含文本和按钮的属性。问题是，按钮和文本也从div继承不透明度。如何解决它？

我已经尝试将opacity:1;添加到按钮和文本<p>标记，但它没有帮助。

Answer 1

我想你想在背景上的不透明度。正如囚徒说的那样，旧版浏览器不支持。

background-color: rgba(0, 0, 0, 0.8);

W3Schools的：RGBA颜色值都在IE9 +，火狐3 +，Chrome浏览器，Safari和Opera中10+支持。

Answer 2

可以不固定it.Child元件也越来越父不透明度

的一个解决方案是使用RGBA：

USE :after伪元件

element:hover:after { 
    background-color: rgba(0, 0, 0, 0.1); // black with opacity 0.1 
}