最新消息:

第29款插件:jquery.pngFix.js对IE6的PNG图片处理插件

图片幻灯插件 杨红伟 4842浏览 0评论

描述:jquery.pngFix.js 基于jQuery为核心的,兼容IE5.5及以上版本浏览器的PNG透明插件,细心的朋友会发现,在IE5.5与IE6.0中,PNG会显示灰色的背景, 而不是透明的背景,有些人误认为是PNG图像的问题,在图像软件中任凭怎么调整都解决不了问题,其实问题出在浏览器身上,IE7及以上版本已解决了PNG 透明问题,但现在仍有不少用户在使用IE6及以下版本,因此如果想让你的PNG图像在多种浏览器下都表现良好,本插件可帮你解决问题,附有使用示例。 

特别注意:当使用背景定位的图像,这个就不起作用了!
比如说 <div style="background-image: url(datu.png);top:100px;left:20px;width:339px;height:54px;" class="logo"></div>,如果你一定要用这个PNG图片的话而且在IE6下,建议你把这个图片单独抓出来使用。或者你 直接用几句代码屏蔽IE6就可以了!

图片展示:

1 

兼容浏览器:IE5.5,IE6 

官方链接:http://jquery.andreaseberhard.de/ 

JS下载:http://www.ijquery.cn/js/jquery.pngFix.js 

预览: http://www.ijquery.cn/study/demo/pngfix 

打包下载:http://www.ijquery.cn/study/demo/pngfix/pngfix.zip 

参数说明:无 

JS引用代码:

<script type="text/javascript" src="http://www.ijquery.cn/js/jquery-1.7.2.min.js"></script>
<script type="text/javascript" src="http://www.ijquery.cn/js/jquery.pngFix.js"></script>
<script language="javascript">
$(function(){
$(‘div.logo’).pngFix( );
});
</script>

HTML代码:

<div>
<img src="logo.png" border="0" class="logo"/>
</div>

CSS代码:无 

注意:这里还有一个特别的用法,如果一个页面的PNG图片太多怎么办,不能一个一个的写吧。这里用一句代码就可以解决。如下: 

$(document).find('*').each(function(){$(this).pngFix()});

发表我的评论
取消评论
表情

Hi,您需要填写昵称和邮箱!

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址