Jquery和IE8的動畫不透明解決方案

我試圖用Jquery設置動畫的不透明度，它在每個瀏覽器中工作正常，除非，你猜它可怕IE8！
問題：在動畫中我看到一些醜陋的文物:(
我知道我可以通過刪除背景並將相同的背景顏色添加到我的動畫div和我的容器div來解決此問題，但它是而不是 。我的情況
可有人建議解決這個我的代碼：？Jquery和IE8的動畫不透明解決方案

$(document).ready(function() { 
    $(".img").animate({ 
     opacity: 0 
    }); 
    $(".glow").click(function() { 
     $(".img").animate({ 
      opacity: 1 
     }, 5000); 
    }); 
});

來源

2012-08-01 Dejo Dekic

你有沒有使用fadeTo考慮過呢？（不知道這是否正在完成你正在尋找的東西。） – JasCav 2012-08-01 14:30:06

看起來更像是一個clearfix問題，因爲jQuery能夠解決IE中的不透明問題。出於某種原因，在IE8模式下（使用IE9），這很好嗎？ – adeneo 2012-08-01 14:31:31

fadeTo做同樣的事情:( – 2012-08-01 14:34:33

通過將IE過濾器添加到我的CSS我已partiall y解決了這個問題（太多現在好了，沒有黑色光環）。
丟失整天與此，所以我希望這會幫助別人比我:)更幸運

.img{ 
display:block; 
width:230px; 
height:300px; 
owerflow:hidden; 
position:relative; 
outline:none; 

/*Notice (ugly) IE filter here and Source to my PNG image */ 

filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src=http://www.robertpeic.com/glow/glow.png) alpha(opacity=0); 
background:none; 
margin:0px auto; 
padding-top:10px; 

}

來源

2012-08-01 19:02:09

這就是當你改變在IE7和IE8阿爾法透明圖像的不透明度，你得到了什麼有差不多IE GIF/PNG Transparency issue with jQuery

另一個問題。

來源

2012-08-01 14:55:53 mykola

Jquery和IE8的動畫不透明解決方案

回答

相關問題