Jquery 显示在弹出框上方的IE7 JS弹出掩码

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

下面是一个开发链接

如果你进入右上角，按info并在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;}

Jquery：

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

$（'a.info，a.info_footer'）。单击（函数（）{
$（“html，body”）.animate（{scrollTop:0}，600）；
$（“#弹出窗口”）.load（“/info.html”）；
//从链接获取变量的值
变量
show=$（'弹出'）.css（'显示'，'块'），
popup=$（this.attr（'href'）；
//淡入弹出窗口并添加关闭按钮
$（弹出窗口）.fadeIn（300）；
//设置中心对齐填充+边框
var popMargTop=（$（弹出）.height（）+24）/2；
var popMargLeft=（$（弹出）.width（）+24）/2；
$（弹出窗口）.css（{
“页边距顶部”：-popMargTop，
“左边距”：-popMargLeft
});
//将遮罩添加到主体
$（'body'）。追加（''）；
$（'面具'）.fadeIn（300）；
返回false；
});

IE7不到所有用户的1%。。。花时间来修复它是否值得？我相信是的，如果我的雇主发现它工作不正常，这会对我造成不良影响。我不知道如何修复

z-index

问题，但一个改进是修复IE7的透明度。IE7和IE8是CSS

opacity

属性。作为替代，您可以使用

filter:alpha（不透明度=80）（代码）。现在您至少可以看到弹出窗口，尽管它仍然在
#mask
下，即使我将
#mask
的
z-index
设置为0。