身體背景與模態窗口重疊如何解決這個問題？

我已創建一個對話框，下面的代碼身體背景與模態窗口重疊如何解決這個問題？

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

});

但色體與模態窗口overlaping。當對話框的背景和內容與對話框的內容重疊時，我怎麼能使它不同。

在這裏你可以檢查我的實際問題 - http://jsfiddle.net/MW83W/1/ 請點擊保存並繼續。

來源

2014-01-26 Sanjay Rathod

如果我有你的權利，只是設置它的高度，自動帶一些CSS：

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

JSfiddle

來源

2014-01-26 12:03:21 Matt

身體背景與模態窗口重疊如何解決這個問題？

回答

相關問題