大家都知道IE6是不支持PNG-24的,而浏览器的兼容问题是网站开发者必须要考虑的问题,IE6很讨厌,[cref 30 bug]又多,可是没办法,就是这么一个烂版本,使用人数却不少,可能是大家用习惯了,有些人是懒得升级,还有一部分人是菜鸟,所以…废话不多说了,只要IE6还活着,还是乖乖的帮它擦屁股吧…
网络上让IE6支持PNG的插件有好几款:IE PNG Fix 2.0 Alpha 4、jquery.pngFix、Unit PNG Fix、jquery.ifixpng等,但是效果都不理想,就是很难兼容于所有网站,难道真的没有更加完美的解决方案吗?答案是有的,今天的主角是DD_belatedPNG
使用方法很简单,首先下载调用JS
之后在使用PNG的页面中引用代码
<!--[if lt IE 7]> <script type="text/javascript" src="下载下来的JS路径"></script> <script type="text/javascript"> DD_belatedPNG.fix('CSS选择器, 应用类型'); </script> <![endif]–> |
引用函数是 DD_belatedPNG.fix() , 括号里分别填写应用PNG的CSS选择器(可使用ID选择器和类选择器)和应用类型(分为img和background两种)。
参考:
DD_belatedPNG.fix('#png,.png,a,img,input,li'); |
请大家根据自己的样式修改!