Question

我有一个JSP，其中包含3个JSP。单击其中一个包含的JSP上的按钮，我需要灰化整个窗口内容。怎么做到这一点？我试图将一个子（图像）附加到父窗口但它不起作用。

Answer 1

您需要向<div class="glasspane">元素添加<body>，具有以下样式：

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

当然，应在适当时删除此<div>元素。

Answer 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                })
;

使整个页面变灰以专注于DIV

2 个答案: