非常多人都遇到一个问题:那就是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中增加的这句代码:
<!-- [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('这里放用到的标签名,多个标签逗号隔开') ;