A-A+

用JS让你的网站在IE6下也支持PNG透明

2010年03月03日 经验分享 暂无评论 阅读 1,870 次

javascriptIE6这个老不死的真不知道该怎么说它,
没办法,目前国内仍旧是XP独霸江山,而XP系统默认自带的是IE6,
所以IE6的用户量不容小觑(尽管目前IE8市场份额已经略微超过IE6)。
但是IE有个众所周知的问题——不支持PNG图片的透明效果。
解决方法有很多,比如在你的网站上不使用带透明效果的PNG图片~~
或者用透明GIF图片取代(当然,这种透明效果没有PNG好)。
还有一种我这里要讲的方法——通过JS来让IE6支持透明PNG图片:
在你需要网页里添加下面的代码:

<!--[if IE 6]><script type="text/javascript" src="unitpngfix.js"></script><![endif]-->

上面的代码调用了一个名为“unitpngfix.js”的js(通过鼠标右键点击这里另存这个js),
把下载下来的unitpngfix.js放到你网站的根目录即可。
(如果你放到网站下的其他目录,则应修改上面代码里调用unitpngfix.js的调用路径)。
还要在网站的根目录建个名为“images”的文件夹(有就不要建了),
然后把这个clear.gif(点此右键另存......)下载后放到“images”文件夹里,供unitpngfix.js调用。
不过提醒一点:因为其技术原理,使用上面JS的方法也会产生一些“小问题”:
就是使用了这种方法的页面的PNG图片有可能会受影响,看上去显示不是“很正常”~~
自己看效果吧,没影响则最好了。

author avatar

给我留言

icon_question icon_razz icon_sad icon_evil icon_exclaim icon_smile icon_redface icon_biggrin icon_surprised icon_eek icon_confused icon_cool icon_lol icon_mad icon_twisted icon_rolleyes icon_wink icon_idea icon_arrow icon_neutral icon_cry icon_mrgreen

Copyright © 2009 - 2018 一米居 | All Rights Reserved | Powered By WordPress | Theme Designed By 知更鸟 | 赣ICP备09003747号-2

用户登录

分享到: