css - 停止不透明度的继承

Question

我的div opacity:0.80;属性包含文字和按钮。问题是按钮和文本还从div继承了不透明度。怎么解决？

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

Answer 1

我认为你想要背景上的不透明度。正如囚徒所说，旧浏览器不支持。

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

w3schools：IE9 +，Firefox 3 +，Chrome，Safari和Opera 10 +支持RGBA颜色值。

Answer 2

你无法修复它。儿童元素也会获得父不透明度

一种解决方案是使用rgba：

USE :after伪元素

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