Possible Duplicate:
how to not apply opacity for child element?
Which is the best practice to set opacity:0.5; to the parent element like:
<div>
<span></span>
<span></span>
<span></span>
</div>
if i set opacity to the element this will set the same rule to the children elements, is there any trick to avoid the children inherition?
You can use css3 background-color:rgba(122,122,0,0.5); the last value is the opacity, and it dont force the child elements to get it.