如何创建模式对话框/弹出没有标题栏使用javascript

问题描述:

想知道如何创建模式对话框/弹出没有标题栏使用JavaScript,这将在IE和FF工作。 谢谢。如何创建模式对话框/弹出没有标题栏使用javascript

您必须制作一个div,它绝对位于视口中间(或任何您想要的位置)高于所有其他元素 - 使用z-index。这是你的内容去的地方。现在,我推荐一部电影放在它后面,但最重要的是再次使用z-index。然后在该电影上放置一个处理程序,重点放在“模态”div上。此外,您可能希望使用事件代表将焦点处理程序放置到所有其他元素(而不是“模态”div),该事件代表将注意力放回到“模态”div - 只要确定。

你也可以看看jQuery UI是怎么做到的。您只需要从中删除标题栏。事实上,你可能会使用那个,并混淆CSS来隐藏标题栏。

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