jQuery .fadeIn превращает контент невидимым в IE

Question

У меня возникли трудности с тем, как IE должен себя вести. Я создал веб-страницу, содержащую различные скрытые div.

Эти действия являются вспомогательными страницами, когда щелкнут элемент навигации, они затухают в/из в очень простой лайтбокс.

Он работает в Firefox & 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 и посмотреть, можете ли вы воспроизвести?