jQuery 淡入淡出 png圖在ie8下(xià)有黑(hēi)色邊框的(de)解決方法

最近在做(zuò)漢聲官網的(de)網站建設項目，用(yòng)js實現魔方的(de)轉動，并帶有淡入淡出的(de)效果，開始很好的(de)解決了(le)IE67，firefox，chrome，360等主流浏覽器的(de)兼容性問題，可(kě)是卻被IE8給擋住了(le)前進的(de)步伐。

想了(le)很多(duō)辦法，搜了(le)各種網友的(de)解決思路，都沒成功，最後發現IE8根本不能支持。

對(duì)于網站普遍的(de)解決方法如下(xià)：

background-image:url(******.png)!important;
background-image:url(../images/space.gif);/*space.gif 是一個(gè)透明(míng)的(de)圖片文件*/
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader (src="******.png", enabled=true, sizingMethod=scale);

試驗後無解。

根本的(de)原因是：簡單地說，PNG的(de)支持問題在于IE7及以上版本使用(yòng)了(le)filter來(lái)支持PNG的(de)Alpha通(tōng)道，所以對(duì)于PNG來(lái)說其實已經偷偷被應用(yòng)了(le)一個(gè) filter了(le)。雖然解決了(le)主要的(de)PNG透明(míng)問題，不過也(yě)伴随著(zhe)另一個(gè)副作用(yòng)，就是不能再應用(yòng)其他(tā)filter。或者準确地說是應用(yòng)其他(tā)filter會破 壞IE對(duì)PNG的(de)支持。這(zhè)就是爲什(shén)麽PNG在漸隐和(hé)漸現的(de)時(shí)候會有難看的(de)黑(hēi)邊。上面這(zhè)篇Blog已經從側面解釋了(le)這(zhè)個(gè)問題了(le)。所以理(lǐ)論上說，這(zhè)個(gè)情況是無 解的(de)……

更多(duō)相關信息【成都網站建設公司知多(duō)少】【網站制作注意事項】【成都網站建設要多(duō)少錢】

友情小提示：若您想了(le)解更多(duō)成都網站建設方面的(de)信息可(kě)點擊【網站建設】了(le)解詳細介紹及報價，或咨詢客服