Question

我在使用IE时遇到一些困难。我创建了一个包含各种隐藏div的网页。

这些作为子页面，当点击导航项时，它们以非常基本的灯箱方式淡入/淡出。

适用于Firefox＆amp; Safari但是在IE（8）中它会逐渐消失到大约60％，然后完全消失，同时也消除了背后的div背景？它仍然存在，因为我可以右键单击图像，只是看不见？

下面显示的代码会导致#home淡出到％50然后#subAbout在消失之前淡入顶部。

任何建议都将受到赞赏..

$("#nAbout").click(function () {
    if(currentActive != "#subAbout") {
    $(currentActive).fadeOut('fast');
    $('#slideshow').cycle('pause');
    $("#home").animate({opacity: .5});
    $("#subAbout").fadeIn('slow');
    currentActive = "#subAbout";
    }
    else if(currentActive == "#subAbout") {
    $('#slideshow').cycle('resume');
    $("#home").animate({opacity: 1});
    $("#subAbout").fadeOut('slow');
    currentActive="#subHome"
    }
    return false;
  }
);

Answer 1

这听起来像是CSS冲突。您可以尝试删除内联样式/ CSS并查看是否可以重现吗？

jQuery .fadeIn在IE中将内容变为不可见

1 个答案: