将灰色整页专注于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

回答

相关问题