用JS实现IE6的PNG透明(通过W3C)
让IE6的PNG透明并且通过W3C,在网上搜索用JS实现PNG透明的法子,但似乎还能难逃W3C一劫,只能默哀;结果兜兜转转一看,原来是网站上给的那段代码的英文引号有问题,导致错误;爆寒,折腾死我了。还是不熟悉程序惹得祸,错误代码下Editplus明摆着没给高亮显示。
虽然是JS,但也是一劳永逸的JS,还是比较方便的。虽然有点不好的地方,稍后会说:
下载下面的文件包,把三个文件放一起,缺一都不是很好的。然后在有PNG透明图的页面里,加一段JS调用就可以了(注意文件路径哦):
<script language="JavaScript" src="pngw3c.js" type="text/JavaScript"></script>
另外建议打开这个pngw3c.js文件,把通配符*改为具体的DIV的ID或CLASS,同CSS写法;有新的层需要用就在这里复制多一行写入。这样子会降低一些消耗。而且若不改的话可能会影响其它图片的显示。还有,别鬼使神差或以为要节约空间的把blank.gif删了,那是不行的。
好了,到了说这个修改的弱点的时候了,加上我上面说的一点有5点,其实也没那么恐怖:
1、可能导致该元素内部链接无法点击;无法有效使用float和background-position,无法平铺背景图(float我是遇到无效了,平铺没试)。
2、图片不能被右键另存为,存下来的其实是blank.gif(有点防偷功能)。
3、页面打开,图片载入时依然可以看到PNG图在IE6不支持下出现的灰底,要待文件载入完全后才显示正常(网速快点就好点)。
4、不支持低于IE5.5的版本(不是问题的问题)。
下载:点击下载相关文件
找星铃丹聊个五毛
星铃丹Q群:86821220
星铃丹Q号:86821220
星铃丹微信:86821220