时间:2021-07-01 10:21:17 帮助过:27人阅读
一般浏览器,给一个盒子透明背景写法是 :
opacity: 0.5;
-moz-opacity: 0.5;
-webkit-opacity: 0.5;
-khtml-opacity: 0.5;
其中 -moz- 是火狐 前缀 -webkit- 是谷歌和苹果浏览器前缀 -kthml- 为了linux桌面系统浏览器
IE6背景透明需要借助于 滤镜 : filter:alpha(opacity=50); 要用正版IE6测没问题哈,有时候ietester 不好用,我们也知道ietester 本来就是不是那么完整的。
ie8也比较特殊 : -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
这样差不多,就搞定了所有浏览器透明背景的 问题。
首先ie6不是不支持png图片透明,ie6是支持png8图片透明的,只是不支持png24和png32图像透明。因此我们再制作图片需要透明的时候, 如果要考虑IE6,最好用png8格式的。ps和firework都可以选择导出的png版本。
我们也知道,png8颜色没有png24那么丰富,有时候,必须要用png24,因此,小强老师给大家准备了一个js文件,这个js专门解决ie6 png 24 透明问题的。它可以让整个页面的png图片都透明,不需要一个一个图片的解决了,很省力,而且用法也很简单。用法如下:
第一步,把以下代码拷入到页面中。注意路径的问题哦!