很多網站建設的朋友在處理瀏覽器兼容性的時候，都遇到了在IE6 下 PNG 背景圖片不透明的問題，本文上海網站建設就分享下在 IE6 中如何使 PNG 背景圖片變為透明。

為什么要使用 PNG 圖片？

簡單來說，使用 PNG 格式比起 GIF 來表現色彩更豐富，特別是表現漸變以及背景透明的漸變要比GIF格式出色很多。目前，最新的瀏覽器基本上都支持PNG格式。唯獨有IE6 不支持 PNG 背景透明，在 IE6 中的 PNG 背景圖會顯示一個灰色的背景。

IE6 中 PNG 背景圖片透明的方法

其實方法有很多，但網絡上提供的方法也有諸多缺陷。比如不支持css中 backgrond-position 與 background-repeat 等，所以百翔網絡推薦你使用 DD_belatedPNG，方法如下：

1.首先下載 DD_belatedPNG.js 文件，本文下方有提供下載，將此文件放置到你的網站中的 js 目錄下。

2.在你使用了 PNG 背景的頁面頭部嵌入以下代碼，一般是加在 head 區域。

需要注意的一些問題：

1.如果你放置的 DD_belatedPNG.js 路徑不同的話，也需要更改上述代碼中的路徑。

2.以上代碼中的

DD_belatedPNG.fix('.png_bg');

括號中的 .png_bg 改成你在 CSS 定義了 PNG 背景圖片的選擇器，多個選擇器請用英文逗號隔開，如下行代碼所示：

DD_belatedPNG.fix('.png_bg1, .png_bg2');

3.有些朋友可能需要用到透明的 PNG 圖片做為鼠標經過時的背景圖片，這就需要用到 a:hover 屬性，在這種情況下就需要以“a:hover”來做選擇器了，你可以參考下面代碼的寫法：

新聞名稱：網站建設中IE6下PNG背景不透明的解決方法
轉載源于：http://m.2m8n56k.cn/news/81977.html

網站建設、網絡推廣公司-創新互聯，是專注品牌與效果的網站制作，網絡營銷seo公司；服務項目有網站建設等

廣告

聲明：本網站發布的內容（圖片、視頻和文字）以用戶投稿、用戶轉載內容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網站立場，如需處理請聯系客服。電話：028-86922220；郵箱：[email protected]。內容未經允許不得轉載，或轉載時需注明來源： 創新互聯