很多網(wǎng)站建設(shè)的朋友在處理瀏覽器兼容性的時(shí)候，都遇到了在IE6 下 PNG 背景圖片不透明的問題，本文上海網(wǎng)站建設(shè)就分享下在 IE6 中如何使 PNG 背景圖片變?yōu)橥该鳌?/p>

為什么要使用 PNG 圖片？

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

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

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

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

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

需要注意的一些問題：

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

2.以上代碼中的

DD_belatedPNG.fix('.png_bg');

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

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

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

新聞名稱：網(wǎng)站建設(shè)中IE6下PNG背景不透明的解決方法
轉(zhuǎn)載源于：http://www.js-pz168.com/news/81977.html

網(wǎng)站建設(shè)、網(wǎng)絡(luò)推廣公司-創(chuàng)新互聯(lián)，是專注品牌與效果的網(wǎng)站制作，網(wǎng)絡(luò)營(yíng)銷seo公司；服務(wù)項(xiàng)目有網(wǎng)站建設(shè)等

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來源： 創(chuàng)新互聯(lián)