DD_belatedPNG在iframe页面显示空白的bug

DD_belatedPNG 是我们常用的解决IE6不支持PNG图片背景的JS解决方案。

近日,西林我在项目中使用它的时候发现在iframe的子页面中使用DD_belatedPNG处理PNG图片时,整个子页面显示为空白,下面是使用前后的对比图:

期初我以为是我的页面编码有问题,来回折腾了一大圈。突然想到是不是DD_belatedPNG自身的问题呢?

于是西林我硬着头皮看代码,原来发现在136行(个版本代码行数可能不一样),代码如下:

if (el.currentStyle.position == 'static') {
    el.style.position = 'relative';
}

这里的元素没有排除HTML节点,把HTML的position也设为relative了。

OK 明白问题的原因就好解决了,直接修改代码如下:

if (el.currentStyle.position == 'static') {
    if(el.nodeName!='HTML')
	el.style.position = 'relative';
}

下面我提供了压缩版和未压缩版的修改好后的文件,大家可以根据自己需要下载:

[download id=”5″]

[download id=”6″]



发表评论?

0 条评论。

发表评论


注意 - 你可以用以下 HTML tags and attributes:
<a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong>

无觅相关文章插件,快速提升流量