IE6下png透明的解决方法

发布时间:2020-01-24编辑:脚本学堂
本文介绍下,在IE6下实现png透明的方法,用js代码来实现,方便好用,对图片或背景图均适用。有需要的朋友参考下。

解决ie6下png透明,对图片还是背景图片都可以的。

代码如下:
 

复制代码 代码示例:
<!DOCTYPE html>
<html lang="en">
<head>
<title>ie6下png透明_www.jb200.com</title>
<style type="text/css">
 .a{background: #FFFF99 ;  background-image: url(bg.jpg); height:800px;padding: 50px;  }
 .b{ float: left;  background: url(tra.png) no-repeat 0 0; width:240px; height:307px; margin-right:20px;}
</style>
<!--[if IE 6]> //只有IE6才调用
<script src="http://www.jb200.com/js/iepng.js" type="text/javascript"></script> //此处调用透明的JS
<script type="text/javascript">
   EvPNG.fix('div, ul, img, li, input');  //EvPNG.fix('包含透明PNG图片的标签'); 多个标签之间用英文逗号隔开。
</script>
<![endif]-->
</head>
<body>
<div class="a">
    <div class="b">
      <p>脚本学堂</p>
      <p><a href="http://www.jb200.com">www.jb200.com</a></p>
      <p>上边的链接可以点开哟</p>
   </div><!--背景调用-->
    <img src="tra.png" width="240"  height="307" alt="" /><!--页面插入图片-->
</div>
</body>
</html>

看完了这个例子,想到之前我们也介绍过一个类似的例子:png图片IE6下实现透明的实例,这篇文章讲的更为详细,有兴趣的朋友可以看看。