Popup Jquery在所有瀏覽器中都能正常工作，但IE7

Question

我寫了一個腳本，點擊jquery加載html到當前頁面。但是，這對所有的瀏覽器，但IE 7的罰款，我非常困惑，爲什麼這可能是。這些按鈕是頁面右上角的信息和聯繫人按鈕。

http://madaxedesign.co.uk/

的Jquery：

$(document).ready(function() { 


// INFORMATION PAGE 


$('a.info , a.info_footer').click(function() { 
    $("html, body").animate({ scrollTop: 0 }, 600); 
    $("#popup").load("/info.html"); 
    // Getting the variable's value from a link 
    var 
    show = $('#popup').css('display', 'block'), 
    popup = $(this).attr('href'); 

    //Fade in the Popup and add close button 
    $(popup).fadeIn(300); 

    //Set the center alignment padding + border 
    var popMargTop = ($(popup).height() + 24)/2; 
    var popMargLeft = ($(popup).width() + 24)/2; 

    $(popup).css({ 
     'margin-top' : -popMargTop, 
     'margin-left' : -popMargLeft 
    }); 

    // Add the mask to body 
    $('body').append('<div id="mask"></div>'); 
    $('#mask').fadeIn(300); 

    return false; 
}); 

// When clicking on the button close or the mask layer the popup closed 
$('#popup').on('click', '.cross', function() { 
    $('#mask , #popup').fadeOut(300 , function() { 
    $('#mask').remove(); 
}); 
return false; 
}); 


    // CONTACT FORM PAGE 


    $('a.contact , a.contact_footer, a.contact_text').click(function() { 
    $("html, body").animate({ scrollTop: 0 }, 600); 
    $("#popup").load("/contact.php"); 
    // Getting the variable's value from a link 
    var 
    show = $('#popup').css('display', 'block'), 
    popup = $(this).attr('href'); 

    //Fade in the Popup and add close button 
    $(popup).fadeIn(300); 

    // Add the mask to body 
    $('body').append('<div id="mask"></div>'); 
    $('#mask').fadeIn(300); 

    return false; 
}); 
}); 

HTML：

<div id="popup" class="corners"> 
</div> 

這就是代碼被裝入。只有在IE 7中，一個蒙版覆蓋黑屏的彈出窗口。如果任何人有過類似的問題，我很想知道爲什麼發生這種情況只在IE 7

感謝

Answer 1

IE7有各種各樣的，你必須解決..我的猜測是Z-「問題」指數問題...

「在Internet Explorer中定位的元素生成一個新的堆疊內容，從0的z-index值。因此z-index的工作不正常」

http://www.brenelz.com/blog/squish-the-internet-explorer-z-index-bug/

您可能需要修改密碼/ css來適用的z-index到這個問題，以及您的<div id="container">元素..這樣的事情：

<div id="container" style="position: relative; z-index: 2202"> 
    <div id="popup class="corners"></div> 
</div> 
<div id="mask"></div>