解决ie6下png透明方法之JS法

最新推荐文章于 2018-04-20 17:49:11 发布

阿聪世家

最新推荐文章于 2018-04-20 17:49:11 发布

阅读量1.3k

点赞数

分类专栏： ie6 常见问题及BUG 文章标签： ie6 png js

本文链接：https://blog.csdn.net/congcong875/article/details/8704534

版权

ie6 常见问题及BUG 专栏收录该内容

7 篇文章 0 订阅

订阅专栏

解决ie6下png透明的问题想必前端都比较清楚，虽然有很多方法，但是我觉得用JS还是最省事的方法，不管是图片还是背景图片都OK。

IE6是我们不得不面对的问题，当然也是我们不得不解决的问题。。。贴代码，使用方法

<!DOCTYPE html>
<html lang="en">
<head>
<title>解决ie6下png透明方法之JS法-</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://jt.875.cn/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>875商机汇</p>
      <p><a href="http://www.875.cn">www.875.cn</a></p>
      <p>上边的链接可以点开哟</p>
   </div><!--背景调用-->
  
    <img src="tra.png" width="240"  height="307" alt="" /><!--页面插入图片-->
</div>
</body>
</html>