jquery - IE7 JS弹出掩码显示在弹出框上方

Question

我在解决这个 IE 7 错误时遇到了很大的问题，它在除 IE7 之外的所有其他浏览器中都能正常工作

下面是一个开发链接 http://madaxedesign.co.uk/dev/

如果您转到右上角并在 IE7 中按信息和联系人，则掩码会出现在弹出框上方，我想知道是否还有其他人遇到与此相同的问题。下面是我的 CSS 和 Jquery。

CSS 掩码：

#mask {
display: none;
background: #000;
position: fixed;
left: 0;
top: 0;
width: 100%;
height: 100%;
opacity: 0.8;
z-index: 999;}

查询：

$('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;
});