父对象的CSS不透明度不是对于孩子

Question

  

可能重复：
  how to not apply opacity for child element?

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

<div>
<span></span>

<span></span>

<span></span>
</div>

如果我为元素设置不透明度，这将为children元素设置相同的规则，是否有任何技巧可以避免子元素的继承？

Answer 1

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

Answer 2

使用rgba，

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