标签: png

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