如何仅为元素背景提供跨浏览器透明度？

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/