日期:2014-05-16 浏览次数:20352 次
解决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>