版权声明：本文为博主原创文章。未经博主同意不得转载。
https://blog.csdn.net/huangyibin628/article/details/25958325
非常多人都遇到一个问题：那就是PNG不能正常显示，比方：
网上试过的非常多办法都非常难实现。要嘛就是效果不好。那如今最好的办法就是直接调用JS插件,解决！
如今说一下怎么用这个文件吧！
首先看下代码：
<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<title>PNG24兼容IE6</title>
<style type='text/css'>
html,body {
margin: 0;
padding: 0;
}
.con{
300px;
height:300px;
background:#fcf;
}
.con span {
display:block;
80px;
height: 80px;
background:url('png24.png');
}
.con a {
display:block;
height:80px;
80px;
background:url('png24.png');
}
</style>
</head>
<body>
<!--
[if ie 6]>
<script src='js/IE6PNG.js'></script>
<script type='text/javascript'>IEPNG.fix('div,span,a,img')</script>
<![endif] -->
<div class='con'>
<img src='png24.png' alt='' title='' />
<span></span>
<a></a>
</div>
</body>
</html>
<!--http://url.cn/O9YnJI-->注意一下在body中增加的这句代码：
| <!-- [if ie 6]> <script src='js/IE6PNG.js'></script> <script type='text/javascript'>IEPNG.fix('div,span,a,img')</script> <![endif] --> |
在css中将须要使用透明PNG的元素写进IEPNG.fix里，哪个标签用到png24就在 IEPNG.fix('这里放用到的标签名。多个标签逗号隔开') 。
