Question

我正在网站上工作，但我遇到了一些问题。 Here是网站

我有两个div。 .slide和.cover。

.cover在显示一些文字和透明背景时徘徊不去。这是通过jQuery完成的，透明度是使用CSS。

这适用于所有浏览器的加载，但是当我将鼠标悬停在幻灯片上并且淡入时，.cover的背景透明度在IE中不起作用（6 7和8）。我已经尝试使用.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);}

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

jQuery淡出透明度在IE中

1 个答案: