2012-02-22 2 views
0

У меня есть JSP, который включает еще 3 JSP. При нажатии кнопки на одном из них включены JSP, мне нужно серое содержимое всего окна. Как это можно сделать? Я пытался добавить дочерний элемент (изображение) в родительское окно, но он не работает.Серая целая страница для фокусировки на DIV

ответ

0

Вы должны добавить <div class="glasspane"> в <body> элемент, имеющий следующий стиль:

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

Конечно, этот <div> элемент должен быть удален, если это необходимо.

+0

Как я могу добавить его? И элемент тела, из которого JSP? – sgowd

+0

Я не знаю, как структурирована ваша окончательная DOM, и я предполагаю, что у вас нет фреймов, в которые загружаются эти JSP, а весь DOM представляет собой только один документ. Если это так, просто используйте элемент 'document.body'. –

+0

Как его добавить? – sgowd

0

Вот некоторые 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    }) 
; 
+0

Мне нужно в Javascript – sgowd

Смежные вопросы