jQuery的淡出透明度在IE

Question

我工作的一個網站，我遇到了一些問題。這裏是網站：

http://wesbos.com/tf/shutterflow/?cat=1

1. 我有兩個div。 .slide和.cover。

。當顯示一些文字和透明背景時，覆蓋物淡入淡出。這是用Jqery完成的，而透明是用CSS。

能正常工作負載在所有瀏覽器，但是當我將鼠標懸停在幻燈片，並在淡出回，設備罩起來的背景透明度不工作在IE（6 7和8）。我已經嘗試過.cover：hover，並且不能用作IE瀏覽器。

.cover { 

    width:750px; 
    height:500px; 
    background:#000; 
    margin:0 auto; 
    opacity:0.7; 
    filter:alpha(opacity=70); 
    } 
.cover:hover { opacity:0.7; 
    filter:alpha(opacity=70);} 

Answer 1

如果您已經使用jQuery你可以嘗試這樣的事：

$(document).ready(function() { 
    $('.slide').hover(
     function() { $(".cover").animate({ opacity: 0.7 }, 500); }, 
     function() { $(".cover").animate({ opacity: 0 }, 500); } 
    ); 
}); 

，並從你的CSS刪除此：

.cover:hover { opacity:0.7; 
    filter:alpha(opacity=70);}