0

让IE6完美支持PNG-24

大家都知道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

0.0.8a.js (未压缩版本, ~12Kb)
0.0.8a-min.js (压缩版, ~7Kb)

之后在使用PNG的页面中引用代码

1
2
3
4
5
6
<!--[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两种)。
参考:

?View Code JAVASCRIPT
1
DD_belatedPNG.fix('#png,.png,a,img,input,li');

请大家根据自己的样式修改!

已有 0 用户参与0
0 : 0
+1已打分
分享到:
已有 0 条评论