Javascript IE中的jQuery淡出透明性

我在一个网站上工作，遇到了一些问题。是网站吗

我有两个div<代码>幻灯片和

封面

.cover

当鼠标悬停在显示一些文本和透明背景上时，会淡入淡出。这是通过jQuery实现的，而透明性是通过CSS实现的

这在所有浏览器中都能正常工作，但当我将鼠标悬停在幻灯片上，幻灯片又会淡入，IE（6 7和8）中的

.cover

的背景透明度不起作用。我用

.cover:hover

尝试了css，但这不能作为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);}

---

如果您已经在使用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);}

---

再加上我的旧代码，效果非常好。没有删除CSS