CSS 3的不透明度名單，但沒有文字

Question

可能重複：
Opacity of background, but not the text

我有一個HTML無序列表。我需要背景具有「0.3」的不透明度。但我不希望將這種不透明度應用於文本。這是我目前的CSS;它使得文本具有0.3的不透明度：

li { 
    background-color:pink; 
    opacity: 0.3; 
} 

a { 
    color: white; 
    opacity: 1.0; 
} 

如何使鏈接文本呈現白色？

Answer 1

你必須用另一種方式來設置你的顏色像這樣的RGBA：

li { background-color: rgba(0,0,0,.3); } 

您還需要擺脫opacity屬性/值。順便說一句，css粉紅色的rgb值是：250,192,203，所以：rgba（250,192,203，.3）;

Answer 2

這就是你需要我的朋友！

http://www.css3.info/introduction-opacity-rgba/

不能使用不透明這樣的...它得到繼承和一直很討厭開發商過去的歲月。