本文提供了一个使用jQuery解决PNG图片在IE6浏览器中显示为灰色的问题的解决方案。通过修改PNG图片源，利用IE6自身的AlphaImageLoader滤镜实现正常透明效果。
PNG格式可以做成半透明效果,比GIF好用,但在IE6下透明效果无法表现,会显示灰色的色块，参考了网上的实现方法，写了段jQuery来完成这些操作，可以将以下代码存入一个JS，并在需要的页面调用即可：
代码:
$(
function
() {
if
($.browser.msie
&&
$.browser.version
==
"
6.0
"
) {
$(
"
img[@src*=png]
"
).each(
function
() {
var
s
=
this
.src;
this
.src
=
"
space.gif
"
;
this
.style.filter
=
"
progid:DXImageTransform.Microsoft.AlphaImageLoader(src=
"
+
s
+
"
, sizingmethod=scale)
"
;
});
}
});
$(
function
() {
if ($.browser.msie && $.browser.version == " 6.0 " ) {
$( " img[@src*=png] " ).each( function () {
var s = this .src; this .src = " space.gif " ;
this .style.filter = " progid:DXImageTransform.Microsoft.AlphaImageLoader(src= " + s + " , sizingmethod=scale) " ;
});
}
});
if ($.browser.msie && $.browser.version == " 6.0 " ) {
$( " img[@src*=png] " ).each( function () {
var s = this .src; this .src = " space.gif " ;
this .style.filter = " progid:DXImageTransform.Microsoft.AlphaImageLoader(src= " + s + " , sizingmethod=scale) " ;
});
}
});
点击下载: jquery 1.1.3.1 压缩版
扫一扫
1514
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
