DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> JavaScript綜合知識 >> JS解決ie6下png透明的方法實例
JS解決ie6下png透明的方法實例
編輯:JavaScript綜合知識     
解決ie6下png透明的問題想必前端都比較清楚,雖然有很多方法,但是我覺得用JS還是最省事的方法,不管是圖片還是背景圖片都OK。   復制代碼 代碼如下:


<!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://www.jb51.net/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></p>
      <p><a href="http://www.jb51.net">www.jb51.net</a></p>
      <p>上邊的鏈接可以點開喲</p>
   </div><!--背景調用-->

    <img src="tra.png" width="240"  height="307" alt="" /><!--頁面插入圖片-->
</div>
</body>
</html>

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved