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

Question

想知道如何使用在 IE 和 FF 上都适用的 javascript 创建没有标题栏的模态对话框/弹出窗口。谢谢。

Answer 1

您将不得不制作一个 div 绝对定位在视口(viewport)中间(或任何您想要的位置)在所有其他元素之上 - 使用 z-索引。这就是您的内容所在的位置。现在，我推荐一部电影作为背景，但最重要的是——再次使用 z-index。然后在该影片上放置一个处理程序，将焦点放回到“模态”div 上。此外，您可能希望使用事件委托(delegate)为所有其他元素(不是“模态”div)放置一个焦点处理程序，从而将焦点放回您的“模态”div >--只是为了确定。

您可能还想看看如何 jQuery UI可以。您只需要从中删除标题栏。事实上，您可能只使用那个并弄乱 CSS 来隐藏标题栏。