如何使用javascript创建没有标题栏的模态对话框/弹出窗口

Question

想知道如何使用javascript创建模态对话框/弹出没有标题栏，这将适用于IE和FF。 感谢。

Answer 1

你将不得不在视口中间（或任何你想要的地方）将div置于绝对定位的位置 - 使用{{1} }。这是您的内容所在。现在，我推荐一部电影落后于它，但最重要的是 - 再次使用z-index。然后在该影片上放置一个处理程序，将焦点放回“模态”z-index。此外，您可能希望使用事件委派将所有其他元素（不是“模态”div）放置在焦点处理程序中，将焦点放回“模态”div - 只是为了肯定的。

您还可以查看jQuery UI如何做到这一点。您只需要从中删除标题栏。实际上，你可能只是使用那个并乱用CSS来隐藏标题栏。

Answer 2

我用两个div来做这件事。我在整个屏幕上放置一个div并使其半透明，然后我将“popup”div放在屏幕中央，具有更高的z-index。然后，弹出div可以包含您想要的任何内容。