發布者:云商網絡 來源:http://www.pvczuji.com/ 發布時間:2013-3-18 21:19:37 瀏覽量:
本人從事網站建設6年時間,在這期間里經常會遇到一些導航上的透明效果很頭疼,用gif的會有毛邊,用png的可以**的解決這個問題,可以接踵而來的還有一個問題就是目前瀏覽器不兼容的煩心事,png圖片在ie6下不兼容,會顯示成灰色的,顯得很難看,經過我測試只有在ie6以上的瀏覽器版本和火狐瀏覽器才能正常兼容,那怎么辦呢,現在用戶用ie6的還是占據著瀏覽器的半壁江山呢,不能舍棄啊。所以經過研究,終于解決了這個ie6下png圖片不透明的方法。下面我把方法寫下來給大家分享下。
iepngfix.htc的使用方法:
1、下載腳本腳本,將其中的iepngfix.htc和blank.gif解壓縮到合適的目錄內,.htc即Html Components,該文件需要在CSS中被調用;blank.gif是一個1×1像素的透明GIF圖片,缺少該文件會使標簽插入的PNG圖象顯示為紅色的叉燒包。
2、在iepngfix.htc中修改blank.gif的路徑,var blankImg =‘blank.gif的正確路徑’,這是惟一一個需要修改的配置。
3、在css中將需要使用透明PNG的元素與.htc文件關聯。 例如:*{behavior: url(iepngfix.htc) }
通過以上三步,IE6就能支持透明PNG圖片了。注意:請使用IE6測試該代碼效果。
HTC文件下載地址 http://www.pvczuji.com/ie6下png背景透明的方法.rar
另外還有一種用js實現的方法,把地址貼出來大家自己點擊進去看吧
http://www.pvczuji.com/Article54/124.html
還有一種用純CSS來控制
http://www.pvczuji.com/FAQ/129.html
另外在給大家分享一個做網站時也經常遇到的問題,就是產品縮略圖這個地方,有的圖片大有的圖片小,如果我們都固定的相同的大小,那顯示效果就不好看了,也會影響圖片的美觀,大家可以猛烈的點擊下面的連接,查看解決方法。
http://www.pvczuji.com/FAQ/126.html
文章關鍵詞:ie6,ie6圖片透明,png圖片透明,ie6圖片png透明
希望看到本篇文章的朋友,如果這個方法可以幫助您解決問題,請將此文章轉載**您的微博或者博客,這樣可以幫助到更多需要幫助的人,【轉載時請說明出處】http://www.pvczuji.com