Javascript 使整个页面变灰以聚焦于DIV

我有一个JSP，它还包括3个JSP。单击其中一个包含的JSP上的按钮，我需要对整个窗口内容进行灰色处理。如何做到这一点？我试图将子窗口（图像）附加到父窗口，但它不起作用。

您需要向

元素添加一个

，具有以下样式：

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

---

当然，这个

元素应该在适当的时候删除。

这里有一些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                })
;

$（“正文”）
.prepend（“”）
.儿童（‘面纱’）
.css（{位置：'fixed'，顶部：'0'，左侧：'0'，宽度：'100%'，高度：'100%'
，不透明度：'0.5'，背景色：'灰色'，zIndex:7}）
;

如何添加它？以及哪个JSP的主体元素？我不知道最终的DOM是如何构造的，我假设您没有加载这些JSP的iFrame，整个DOM只表示一个文档。如果是这样，只需使用

document.body

元素。我想您需要一个好的JavaScript引用<代码>变量PaneeElement=document.createElement（“div”）；paneElement.className=“玻璃窗格”；document.body.appendChild（paneElement）我添加了图像。它被附加在这一页的底部。这是由于{position}造成的吗？是的，应该按原样指定完整的CSS规则。