jquery - 悬停效果不透明度ie8

Question

$(document).ready(function(){
$('.boxgrid.slidedown').hover(function(){
    $(".cover", this).stop().animate({opacity:'0'},{queue:false,duration:300});
}, function() {
    $(".cover", this).stop().animate({opacity:'1'},{queue:false,duration:300});
    });

    //Full Caption Sliding (Hidden to Visible)
    $('.boxgrid.captionfull').hover(function(){
    $(".cover", this).stop().animate({opacity:'1'},{queue:false,duration:250});
    }, function() {
    $(".cover", this).stop().animate({opacity:'0'},{queue:false,duration:250});
    });
});

我在图像上添加悬停效果。在 IE8 中，.cover div 已经首先出现。为什么会这样？

Answer 1

首先在 css add.cover {display:none}中，您是否尝试过使用 fadeIn/fadeOut

$(document).ready(function(){
    //Full Caption Sliding (Hidden to Visible)
    $('.boxgrid.captionfull').hover(function(){
    $(".cover", this).fadeIn(250);
    }, function() {
    $(".cover", this).fadeOut(250);
    });
});

如果你想添加 .stop() ，你可以稍微调整一下