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

时间:2013-08-21 20:13:32

标签: jquery html css

我在解决这个IE 7错误方面遇到了很大的问题,它在其他所有浏览器中运行良好,但IE7

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

如果你走到右上方按IE中的信息和联系人,弹出框上方会出现面具,我想知道是否有其他人遇到了同样的问题。下面是我的CSS和Jquery。

CSS Mask:

#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;
});

0 个答案:

没有答案