將灰色整頁專注於DIV

我有一個JSP，其中包含3個以上的JSP。點擊這些包含的JSP中的某個按鈕，我需要將整個窗口內容變灰。如何做到這一點？我試圖追加一個孩子（圖片）到父窗口，但它不工作。將灰色整頁專注於DIV

2012-02-22 sgowd

你需要一個<div class="glasspane">添加到<body>元素，具有以下樣式：

.glasspane { 
    position: absolute; 
    top: 0; 
    left: 0; 
    right: 0; 
    bottom: 0; 
    background-color: black; 
    opacity: 0.2; 
}

當然，這<div>元素應該被刪除時爲宜。

來源

2012-02-22 13:11:07

我怎麼能增加嗎？其中JSP的body元素？ – sgowd 2012-02-22 13:12:18

我不知道你的最終DOM是如何構建的，我認爲你沒有加載這些JSP的iframe，整個DOM只代表一個文檔。如果是這樣，只需使用'document.body'元素。 – 2012-02-22 13:15:17

如何添加？ – sgowd 2012-02-22 13:46:02

下面是一些jQuery的我已經用了相似的目的：

$('body') 
.prepend('<div class="veil">&nbsp;</div>') 
.children('.veil') 
.css({ position:'fixed' ,top:'0' ,left:'0' ,width:'100%' ,height:'100%' 
,opacity:'0.5' ,backgroundColor:'gray' ,zIndex:7    }) 
;

來源

2012-02-22 13:23:45

我需要使用Javascript – sgowd 2012-02-22 13:45:40

將灰色整頁專注於DIV

回答

相關問題