可使用opacity属性、rgba或者png图片实现透明背景。

使用opacity

譬如:
opacity:0.8 // 取值范围为0~1;针对新版本浏览器;

filter:alpha(opacity=80) // 取值范围为0~100;针对IE

使用rgba

其中,rgba中的a表示alpha透明度,取值为0~1。

譬如:

background-color:rgba(0, 0, 0, 0.8);或者background-color:rgba(#000, 0.8);

PNG图片

PNG文件格式最大的优点是支持alpha透明度。但是IE6并不直接支持PNG透明度,IE7及其以上版本浏览器则支持。

对于IE6,可使用IE专有的AlphaImageLoader过滤器。

filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="image.png", sizingMethod="crop");

但是这行代码会导致css无效,所以最好把它放在IE6专用的样式表中。

本文作者:子匠_Zijor,转载请注明出处:http://www.dengzhr.com/frontend/css/293