IE6png圖片不透明,等問題處理

爲了在瀏覽器中顯示更好的處理效果,通常會設置 html 元信息(meta)的http-equivphp

<meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1.0"/>

這句代碼指示瀏覽器按照當前最新瀏覽器版本渲染(注意,是切換版本,而不是切換瀏覽器)css

但這與解決IE6 png圖片不透明不搭幹,而只是作到了避免使用低版本瀏覽器,某些時候IE6多是有些pc上的最高版本,因此說治病須要治本。html

下面使用瀏覽器版本判斷機制,在IE版本等於6的瀏覽器上引入 開源庫 DD_belatedPNG.js,chrome

 網站地址(http://www.dillerdesign.com/experiment/DD_belatedPNG/)瀏覽器

<!--[if lte IE 6]>
<script src="/Public/js/DD_belatedPNG.js"></script>
<script>
  DD_belatedPNG.fix('img,.ie6png');
</script>
<![endif]-->

用法很簡單,其實都是些css選擇器用逗號分開,上面知識 全部的<img>圖片是透明的,帶有 class中包含ie6png的標籤png背景也是透明的(如<a class="alink ie6png">test</a>,a標籤若是有png背景圖片,那麼將是透明的)網站

相關文章
相關標籤/搜索