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

藏色散人
發布: 2020-01-09 09:31:48
原創
1706 人瀏覽過

如何使用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屬性,以及

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

使用方法:

首先下載JS檔案

http://www.028guzheng.com/793395_16370305896/DD_belatedPNG_0.0.8a.js
登入後複製

之後在頁面中引用程式碼:

登入後複製

引用函數是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下背景圖閃爍,可以在頁面中加入以下腳本

  
登入後複製

以上是如何使用DD_belatedPNG讓IE6支援PNG透明圖片的詳細內容。更多資訊請關注PHP中文網其他相關文章!

相關標籤:
png
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板
關於我們 免責聲明 Sitemap
PHP中文網:公益線上PHP培訓,幫助PHP學習者快速成長!