PNG24图片兼容IE6解决办法

来源：互联网发布：英格蜜儿知乎编辑：程序博客网时间：2024/05/16 14:46

很多人都遇到一个问题：那就是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{width:300px;height:300px;background:#fcf;}.con span {display:block;width: 80px;height: 80px;background:url('png24.png');}.con a {display:block;height:80px;width: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中加入的这句代码：

在css中将需要使用透明PNG的元素写进IEPNG.fix里，哪个标签用到png24就在 IEPNG.fix('这里放用到的标签名，多个标签逗号隔开') ；

1 0