使用DD_belatedPNG讓IE6支持PNG透明圖片的方法

這篇文章給大家分享的是有關使用DD_belatedPNG讓IE6支持PNG透明圖片的方法的內容。小編覺得挺實用的，因此分享給大家做個參考。一起跟隨小編過來看看吧。

如何使用DD_belatedPNG讓IE6支持PNG透明圖片？

使用DD_belatedPNG讓IE6支持PNG透明圖片

推薦學習：織夢cms

眾所周知IE6不支持透明的PNG圖片,而PNG圖片在Web設計方面表現力上，具有其它圖形格式所達不到的效果，IE6這一致命缺陷極大地限制了Web設計的創意發揮。

雖然解決IE6的透明PNG的方法也很多,從使用IE特有的濾鏡或是e-xpression,再到javascript+透明 GIF替代.但是這些方法都有一個缺點,就是不支持CSS中backgrond-position與background-repeat屬性。

而使用DD_belatedPNG.js可完美的解決IE6下PNG圖片透明問題，并且支持backgrond-position與background-repeat. 這是其他方法所不具備的，同時DD_belatedPNG還支持a:hover屬性,以及<img>。

我們的網站就加入了DD_belatedPNG處理導航PNG透明圖片,使其在不同瀏覽器下保持相同的外觀。

使用方法：

首先下載JS文件

http://www.028guzheng.com/793395_16370305896/DD_belatedPNG_0.0.8a.js

之后在頁面中引用代碼：

<!--[if IE 6]>    
<script type="text/javascript" src="js/DD_belatedPNG_0.0.8a-min.js"></script>  
<script>  
DD_belatedPNG.fix('css選擇器,應用類型');  
</script>    
<![endif]-->

引用函數是 DD_belatedPNG.fix() , 括號里分別填寫應用PNG的CSS選擇器（可使用ID選擇器和類選擇器）和應用類型（分為img和background兩種）。

如DD_belatedPNG.fix(‘#box-one, img’) 或者 DD_belatedPNG.fix(‘.header, background’) 等。

這些可以簡寫成 DD_belatedPNG.fix(‘#box-one, .header, img,background’);  。

更多選擇器的如 DD_belatedPNG.fix(‘#box-one, .header,#footer,.box-two a:hover, img,background’);  等等。

另外，為解決IE6下背景圖閃爍，可以在頁面中添加如下腳本

<!–-[if IE 6]>  
 <script type=”text/javascript”>  
 // <![CDATA[ 
 if((window.navigator.appName.toUpperCase().indexOf("MICROSOFT")>=0)&&(document.execCommand)) 
 try{ 
 document.execCommand("BackgroundImageCache", false, true); 
  } 
 catch(e){} 
 // ]]>  
 </script>  
 <![endif]–->

感謝各位的閱讀！關于使用DD_belatedPNG讓IE6支持PNG透明圖片的方法就分享到這里了，希望以上內容可以對大家有一定的幫助，讓大家可以學到更多知識。如果覺得文章不錯，可以把它分享出去讓更多的人看到吧！