身体背景与模态窗口重叠如何解决这个问题?

时间:2014-01-26 11:47:31

标签: javascript jquery html css

我创建了一个包含以下代码的对话框

$(function(){

    $('#saveandcontinue').click(function(){   
        $('body').css('background', '#999');
        $('.footer').css('background', '#999');
        $('.utility-nav').css('background', '#999');
        $('#savedialog').show("slow");          
    });

    $('#directory').click(function(){
        var UR = document.URL;
        var email = document.getElementById('email').value;
        document.cookie="emailID="+email+";path=/";
        //document.cookie="UR="+UR+";path=/scenario3/";
        var ID = getQuerystring("id");
        document.cookie="ID="+ID+";path=/";
        $('#savedialog').hide("slow");
        $('body').css('background', '#FFFFFF');
        $('.footer').css('background', '#FFFFFF');
        $('.utility-nav').css('background', '#FFFFFF');
        location.href=UR;
        checkCookie();
    });

    $('#cnl24').click(function(){
        $('#savedialog').hide("slow");
        $('body').css('background', '#FFFFFF');
        $('.footer').css('background', '#FFFFFF');
        $('.utility-nav').css('background', '#FFFFFF');
    });

    $('#close24').click(function(){
        $('#savedialog').hide("slow");
        $('body').css('background', '#FFFFFF');
        $('.footer').css('background', '#FFFFFF');
        $('.utility-nav').css('background', '#FFFFFF');
    });

});

但是颜色体与模态窗口重叠。当对话框打开背景和我的身体内容与对话框的内容重叠时,我怎么能让它变得不同。

您可以在这里查看我的实际问题 - http://jsfiddle.net/MW83W/1/ 请点击“保存”进行检查,然后继续链接。

1 个答案:

答案 0 :(得分:1)

如果我找到了你,只需将它的高度设置为auto,并使用一些css:

#savedialog {
    background: white; /* optional */
    height: auto;
}

JSfiddle