浏览器兼容性经典问题（五） 元素背景色透明

css中使用rgba可以为元素添加透明度

在IE9 IE9+ 以及支持css3的主浏览器()都已经支持

用法很简单 R G B分别代表 red green blue ； A代表alpha通道 ，用作不透明度

例子：背景色为黑色半透明

background:rgba(0,0,0,0.5);

但是在IE 6 7 8中不支持rgba，所以使用滤镜的方式兼容这些浏览器，这里其实是使用渐变滤镜

filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#7F000000,endColorstr=#7F000000);

其中startColorstr已经endColorstr的参数形式是 #AA RR GG BB

AA RR GG BB 使用十六进制表示

AA表示不透明度 00表示完全透明 FF表示完全不透明

截图：

IE6



chrome



PS： opacity属性也可以使用透明度，但是会让子元素也透明。