Welcome to Delicate template
Header
Just another WordPress site
Header

IE6下使png透明

12月 23rd, 2010 | Posted by 无 名 in js

解决ie6浏览器下png透明问题,下载两个js文件,加一段代码就解决。

在head之间加

<script src="js/jquery-1.2.1.pack.js" language="javascript"></script>
<script src="js/jquery.ifixpng.js" language="javascript"></script>
<script language="javascript">
$(document).ready(function(){
  // apply ifixpng
  $('img[@src$=.png]').ifixpng();
  
  $('div.navl').ifixpng();
  $('div.navm').ifixpng();
  $('div.navr').ifixpng();
});
</script>

解释:
引用两个js文件:jquery-1.2.1.pack.js和jquery.ifixpng.js
$(‘img[@src$=.png]’).ifixpng(); 使img标签地址png图片透明
$(‘div.navl’).ifixpng(); 使class=”navl”的容器div背景png图片透明,经测试使用了这个好像就不能平铺了,不知道怎么回事,望各位解答。

pixel.gif这个透明图片,经测试,使用了也透明,不使用也可以透明,何解?
更正一下,在背景情况下可以没有,但是在img 标签下需要用到pixel.gif

js文件下载:点击下载
附官方地址:http://jquery.khurshid.com/ifixpng.php

You can follow any responses to this entry through the RSS 2.0 Both comments and pings are currently closed.