IE6兼容png24
时间:2011-04-27 来源:zengfanli
Firefox,IE7/8都能支持png24透明/半透明图片,可万恶的IE6不支持
Bug病症:
ie6会让半透明的图片叠加在白色上面,让它不透明,在完全透明的位置填充白色,产生锯齿。
吖真老中医处方:
background:url(../images/×.png) no-repeat left top;
_background-image: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/×.png');
第一句为正常背景语句不解释
第二句消去ie6的背景图
第三句使用只有IE支持的滤镜读入对应的背景图
注意:滤镜的图片路径是以页面为基点,并非以CSS文件。
此方法可让IE6支持png24,效果甚佳屡试不爽,但是
1、图片只能用背景图显示
2、不能同时对该元素进行定位
如果需要用这方法又要定位,那也还是有办法的,就是在此元素外加个包围元素,给它定位即可(不能给它定位,没说不能给它老爸定位哈)
Bug病症:
ie6会让半透明的图片叠加在白色上面,让它不透明,在完全透明的位置填充白色,产生锯齿。
吖真老中医处方:
background:url(../images/×.png) no-repeat left top;
_background-image: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/×.png');
第一句为正常背景语句不解释
第二句消去ie6的背景图
第三句使用只有IE支持的滤镜读入对应的背景图
注意:滤镜的图片路径是以页面为基点,并非以CSS文件。
此方法可让IE6支持png24,效果甚佳屡试不爽,但是
1、图片只能用背景图显示
2、不能同时对该元素进行定位
如果需要用这方法又要定位,那也还是有办法的,就是在此元素外加个包围元素,给它定位即可(不能给它定位,没说不能给它老爸定位哈)
相关阅读 更多 +