為企業提供網站平臺解決方案

178 7892 1916

QQ客服:點擊這里給我發消息 點擊這里給我發消息

最新動態:

CSS樣式技巧

你的位置:中国竞彩足球比分网 > 建站知識 > CSS樣式技巧 > ie8/ie7下jquery改變PNG的opacity出現黑邊解決辦法

竞彩足球比分预测网易:ie8/ie7下jquery改變PNG的opacity出現黑邊解決辦法

發布時間:2013-05-14 10:58作者:中国竞彩足球比分网網址:中国竞彩足球比分网瀏覽:次
螞蟻網絡新版網站在制作效果時,鼠標經過,PNG圖片由透明變成不透明,jquery代碼:$(element).animate({"opacity":1},1000); 但是IE會出現黑邊,其他chrome和FF卻正常,這是因為IE8 opacity不支持的情況,都不見效果。后面看了一篇文章說ie6不是不支持PNG格式
螞蟻網絡新版網站在制作效果時,鼠標經過,PNG圖片由透明變成不透明,jquery代碼:$(element).animate({"opacity":1},1000); 但是IE會出現黑邊,其他chrome和FF卻正常,這是因為IE8 opacity不支持的情況,都不見效果。后面看了一篇文章說ie6不是不支持PNG格式,而是不支持PNG-24,但是能支持PNG-8.這個給了我啟發,我發現了有4個辦法來解決IE8下出現黑邊的問題:
 
1.把圖片保存成PNG-8格式。但PNG-8的邊透明不夠圓滑,會出現毛邊。
 
2.把背景色一起切入到PNG格式里就不會出現黑邊(這個是跟JPG一樣的)。
 
3.把背景色一起切入并保存為JPG格式。

4.如果以上方法都不太滿意,而且又不得不用PNG圖片,介紹一個最好的解決方法,制作PNG兩個狀態的圖片,鼠標放上去 切換到另一個帶透明度的圖片,這樣就能實現 圖片透明的效果,而不怕IE對opacity不支持的問題了