如何僅爲元素背景提供跨瀏覽器透明度？

Question

如何將跨瀏覽器透明度僅限於背景？

我想給ul { background: }的背景透明，只是不想讓ul li a {}裏面的文字透明。

ul { 
    filter: alpha(opacity=50); /* internet explorer */ 
    -khtml-opacity: 0.5;  /* khtml, old safari */ 
    -moz-opacity: 0.5;  /* mozilla, netscape */ 
    opacity: 0.5;   /* fx, safari, opera */ 
} 

這個代碼讓一切透明http://perishablepress.com/press/2009/01/27/cross-browser-transparency-via-css/

Answer 1

你可以使用RGBA顏色。我做了一個例子給你：

http://jsfiddle.net/ypaTH/

ul { 
background: rgba(255, 255, 255, 0.5) //white with opcaity of 50% 
} 

ul li { 
color: #fff; 
background: rgba(0, 0, 0, 0.5) //black with opcaity of 50% 
} 

這裏是IE瀏覽器的解決方法和兼容列表： http://css-tricks.com/rgba-browser-support/