大家知道css opacity属性背景透明是常有的事，发现有时候居然存在浏览器不兼容问题，后经过查找尝试发现如下能使浏览器兼容不再有问题。有兼容问题的不妨一试。

<!DOCTYPEhtml><html><head><metacharset="utf-8"/><title>半透明演示Demo</title><style>.div-a{background:url(286743.jpg)no-repeat;width:100%;height:768px;padding:10px}.div-b{background:#F3E109;width:50%;height:50%;padding:5px;color:green;filter:alpha(Opacity=10);-moz-opacity:0.1;opacity:0.1}/*这里加上-moz-opacity可使浏览器新老版本兼容大家会发现去掉-moz-opacity一些浏览器效果不变的但是某些版本浏览器可就不一定了*/</style></head><body><divclass="div-a"><divclass="div-b">半透明演示Demo</div></div></body></html>


opacity半透明属性：filter:alpha(Opacity=10);-moz-opacity:0.1;opacity:0.1