css - CSS不透明度对父母而不是对孩子

Question

可能重复：
如何不为子元素应用不透明度？

设置不透明度的最佳做法是：0.5；到父元素，如：

<div>
<span></span>

<span></span>

<span></span>
</div>

如果我为元素设置不透明度，这将为子元素设置相同的规则，有什么技巧可以避免子元素继承吗？

Answer 1

您可以使用 css3 background-color:rgba(122,122,0,0.5); 最后一个值是不透明度，它不会强制子元素获取它。

Answer 2

使用 RGBA，

 background-color: rgba(0,0,255,0.5);