如何创建模式对话框/弹出没有标题栏使用javascript
答
您必须制作一个div
,它绝对位于视口中间(或任何您想要的位置)高于所有其他元素 - 使用z-index
。这是你的内容去的地方。现在,我推荐一部电影放在它后面,但最重要的是再次使用z-index
。然后在该电影上放置一个处理程序,重点放在“模态”div
上。此外,您可能希望使用事件代表将焦点处理程序放置到所有其他元素(而不是“模态”div
),该事件代表将注意力放回到“模态”div
- 只要确定。
你也可以看看jQuery UI是怎么做到的。您只需要从中删除标题栏。事实上,你可能会使用那个,并混淆CSS来隐藏标题栏。
答
我用两个div来做这件事。我在整个屏幕上放置了一个div,并将其设置为半透明,然后使用z-index更高的屏幕中心放置我的“popup”div。弹出div然后可以包含你想要的任何内容。