發(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圖片了。注意:請使用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è)方法可以幫助您解決問題,請將此文章轉(zhuǎn)載**您的微博或者博客,這樣可以幫助到更多需要幫助的人,【轉(zhuǎn)載時(shí)請說明出處】http://www.pvczuji.com