DD_belatedPNG完美解决ie6下png图片半透明问题,支持背景平铺,定位等属性
解决png在ie6下半透明的方法有很多,这里之所以推荐 DD_belatedPNG 是因为 DD_belatedPNG 可以完美的支持
背景平铺 :background-repeat:(no-repeat ,repeat-x,repeat-y ,repeat)
背景定位:background-position:60px 80px;
背景固定:background-attachment:fixed;
等属性。
还支持:鼠标经过效果 a:hover{}
官方网站:http://www.dillerdesign.com/experiment/DD_roundies/
官方引用地址:
0.0.8a.js (官方未压缩版本, ~12Kb) : http://www.dillerdesign.com/experiment/DD_belatedPNG/DD_belatedPNG_0.0.8a.js
0.0.8a-min.js (官方压缩版, ~7Kb) : http://www.dillerdesign.com/experiment/DD_belatedPNG/DD_belatedPNG_0.0.8a-min.js
———————————-
使用方法 :
<!--[if IE 6]> <script type="text/javascript" src="DD_belatedPNG.js" ></script> <script type="text/javascript"> DD_belatedPNG.fix('.trans,.box , a:hover, .png_bg'); </script> <![endif]-->
引用函数是 DD_belatedPNG.fix() , 括号里分别填写应用 PNG-24 的 CSS 选择器(可使用ID选择器和类选择器)和应用类型(分为 img 标签和 background 属性两种)。
如
<script type="text/javascript"> DD_belatedPNG.fix('#box, img'); </script>
或者
<script type="text/javascript"> DD_belatedPNG.fix('.header, background'); </script>
等,这些可以简写成
<script type="text/javascript"> DD_belatedPNG.fix('#box-one, .header, img, background'); </script>
在或者像本例子中直接使用 * 号,表示应用所有 css 选择器及 xhtml 标签。
<script type="text/javascript"> DD_belatedPNG.fix('*'); </script>
DD_belatedPNG.rar:百度网盘http://pan.baidu.com/s/1dDwKBXv
这个jquery.pngFix.js在处理IE5.5和IE6png半透明方面已经超神了!
这个jquery.pngFix.js在处理IE5.5和IE6png半透明方面已经超神了!
在网上找个很多关于 处理 png图片在ie6下半透问题的方法,多多少少都有些限制或瑕疵。
例如有些仅支持: <img src=”pngtest.png” />
有些支持背景,但不支持背景位置定位 background-position 属性。
而这个完全支持,超神了!
<script type=”text/javascript” src=”jquery-latest.pack.js”></script>
<script type=”text/javascript” src=”jquery.pngFix.js”></script>
<script type=”text/javascript”>
$(document).ready(function(){
$(document).pngFix();
});
</script>
下载地址:http://pan.baidu.com/share/link?shareid=3635301467&uk=1010090726
官方网址:http://jquery.andreaseberhard.de/pngFix/index.html
让IE6不支持PNG透明图片iepngfix
让IE6不支持PNG透明图片
官方网站:http://www.twinhelix.com/css/iepngfix/
百度网盘:http://pan.baidu.com/share/link?shareid=408557&uk=1010090726