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);}