2010-02-20 39 views
0

我在IE中表现出一些困难。我创建了一个包含各种隐藏div的网页。jQuery .fadeIn转身在IE中看不见的内容

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

它在火狐浏览器& 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; 
    } 
); 
+0

哪个元素隐藏/像这样'#home'? – 2010-02-20 00:43:23

回答

1

这听起来像一个CSS冲突。你可以尝试删除你的内联样式/ CSS,看看你能否重现?

+1

刚刚检查出来。从#content类删除z-index修复此问题。 – user204363 2010-02-20 01:59:51

+0

太好了。这是修复它,谢谢! – 2010-02-20 02:42:07