玩CSS不透明度

我正在尝试使用简单的< div>创建一个按钮栏并将其不透明度更改为50％并给出背景信息

但是这个分区内的元素表现出与父母< div>相同的透明度.我希望他们保持100％的不透明度. (这是不可能的).如何使这成为可能？

我想要做的一个示例CSS就是这个

<style>    
    #bar { background:#09f;opacity:0.5; }
    #bar a { background:#FF0;opacity:1; }
</style>
<div id="bar">
    <a href="#">Home</a>
    <a href="#">Contact</a>
    <a href="#">Feedback</a> 
</div>

您需要使用 rgba属性,因为不透明度会影响所有孩子.

#bar { background: rgba(0, 120, 255, 0.5); }

Chris Coyier(CSS-tricks)撰写了一篇关于此事的文章：http://css-tricks.com/rgba-browser-support/