可能的重复:
如何不为子元素应用不透明度?
这是设定不透明度的最佳实践:0.5;到父母元素,例如:
<div>
<span></span>
<span></span>
<span></span>
</div>
如果我将不透明度设置为元素,这将把相同的规则设置为儿童元素,是否有任何技巧可以避免孩子的继承?
您可以使用CSS3背景色:RGBA(122,122,0,0.5);最后一个值是不透明度,它不会迫使子元素获得它。
使用RGBA,
background-color: rgba(0,0,255,0.5);