巧用iepngfix.htc來解決PNG圖片IE6下透明

發(fā)布者：云商網(wǎng)絡(luò) 來源：http://www.pvczuji.com/ 發(fā)布時(shí)間:2013-3-18 21:19:37 瀏覽量：

本人從事網(wǎng)站建設(shè)6年時(shí)間，在這期間里經(jīng)常會(huì)遇到一些導(dǎo)航上的透明效果很頭疼，用gif的會(huì)有毛邊，用png的可以**的解決這個(gè)問題，可以接踵而來的還有一個(gè)問題就是目前瀏覽器不兼容的煩心事，png圖片在ie6下不兼容，會(huì)顯示成灰色的，顯得很難看，經(jīng)過我測試只有在ie6以上的瀏覽器版本和火狐瀏覽器才能正常兼容，那怎么辦呢，現(xiàn)在用戶用ie6的還是占據(jù)著瀏覽器的半壁江山呢，不能舍棄啊。所以經(jīng)過研究，終于解決了這個(gè)ie6下png圖片不透明的方法。下面我把方法寫下來給大家分享下。

iepngfix.htc的使用方法：

1、下載腳本腳本，將其中的iepngfix.htc和blank.gif解壓縮到合適的目錄內(nèi)，.htc即Html Components，該文件需要在CSS中被調(diào)用；blank.gif是一個(gè)1×1像素的透明GIF圖片，缺少該文件會(huì)使標(biāo)簽插入的PNG圖象顯示為紅色的叉燒包。

2、在iepngfix.htc中修改blank.gif的路徑，var blankImg =‘blank.gif的正確路徑’，這是惟一一個(gè)需要修改的配置。

3、在css中將需要使用透明PNG的元素與.htc文件關(guān)聯(lián)。例如：*{behavior: url(iepngfix.htc) }

通過以上三步，IE6就能支持透明PNG圖片了。注意：請(qǐng)使用IE6測試該代碼效果。

HTC文件下載地址 http://www.pvczuji.com/ie6下png背景透明的方法.rar

另外還有一種用js實(shí)現(xiàn)的方法，把地址貼出來大家自己點(diǎn)擊進(jìn)去看吧

http://www.pvczuji.com/Article54/124.html

還有一種用純CSS來控制

http://www.pvczuji.com/FAQ/129.html

另外在給大家分享一個(gè)做網(wǎng)站時(shí)也經(jīng)常遇到的問題，就是產(chǎn)品縮略圖這個(gè)地方，有的圖片大有的圖片小，如果我們都固定的相同的大小，那顯示效果就不好看了，也會(huì)影響圖片的美觀，大家可以猛烈的點(diǎn)擊下面的連接，查看解決方法。

http://www.pvczuji.com/FAQ/126.html

文章關(guān)鍵詞：ie6,ie6圖片透明,png圖片透明,ie6圖片png透明

希望看到本篇文章的朋友，如果這個(gè)方法可以幫助您解決問題，請(qǐng)將此文章轉(zhuǎn)載**您的微博或者博客，這樣可以幫助到更多需要幫助的人，【轉(zhuǎn)載時(shí)請(qǐng)說明出處】http://www.pvczuji.com