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

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不支持的問題了
 
斗牛明牌抢庄最好牌型 最准大乐透预测 宝马线上娱乐mg线路检测 龙虎赌博押注猫腻 福彩3d怎么计算出一胆 彩名堂免费计划软件2.0.6 手机扑克破解器 pk10软件有用吗 pk10最精准计划 球探比分网下载 2018炸金花下载大全 炸金花百人场技巧 欢乐生肖福彩 重庆时时彩 历史记录 三公扑克牌最新感应器 6码复式4中4多少组