爲了在瀏覽器中顯示更好的處理效果,通常會設置 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背景圖片,那麼將是透明的)網站