除<div> </div>外，对页面进行调暗/变暗

Question

我已经编写了一些jsp / ajax页面，它们的工作方式已经过时了。 当需要点击特定链接时，我需要将页面调暗，除了特定的

<div id="showAllRooms"> <div>

区域。（将页面放在除了一个div之外的“阴影”中）

我在JavaScript中工作;你能告诉我这项任务的最佳方法是什么吗？

谢谢。

Answer 1

• 创建一个与主体一样大的图层（div）（位置：绝对，所有角落到位置0，没有填充，没有边距）
• 隐藏它（显示：无）
• 给它一个更暗的backgroundcolor
• 给它一个更高的z-index属性
• [otionally]给它一个不透明度值（不透明度：0.5）
• 给你想要显示比创建的div更高的z-index的div
• 显示创建的图层（显示：块）

或者使用其中的一个框架，例如jquery lightbox

祝你好运！

Answer 2

如果我明白你的需要。您需要将页面放在“阴影”中，除了一个div。

可以使用jQuery ui和它的Model小部件轻松完成。

preview