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

178 7892 1916

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

最新動態:

CSS樣式技巧

你的位置:首頁 > 建站知識 > CSS樣式技巧 > ie8/ie7下jquery改變PNG的opacity出現黑邊解決辦法

ie8/ie7下jquery改變PNG的opacity出現黑邊解決辦法

發布時間:2013-05-14 10:58作者:桂林螞蟻網絡網址:www.980695.live瀏覽:
螞蟻網絡新版網站在制作效果時,鼠標經過,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不支持的問題了
 
云南时时彩开奖数据 福建快3玩法规则 今日广西快乐双彩开奖结果 如何读懂股票数据 广东十一选五中奖助手 快乐双彩全部开奖结果 股权基金配资 山西体彩十一选五推荐 pk10赛车冠军有规律 腾讯分分彩刷大底方法 幸运28怎么看走势图