如何創建模式對話框/彈出沒有標題欄使用javascript

Question

想知道如何創建模式對話框/彈出沒有標題欄使用JavaScript，這將在IE和FF工作。 謝謝。

Answer 1

您必須製作一個div，它絕對位於視口中間（或任何您想要的位置）高於所有其他元素 - 使用z-index。這是你的內容去的地方。現在，我推薦一部電影放在它後面，但最重要的是再次使用z-index。然後在該電影上放置一個處理程序，重點放在「模態」div上。此外，您可能希望使用事件代表將焦點處理程序放置到所有其他元素（而不是「模態」div），該事件代表將注意力放回到「模態」div - 只要確定。

你也可以看看jQuery UI是怎麼做到的。您只需要從中刪除標題欄。事實上，你可能會使用那個，並混淆CSS來隱藏標題欄。

Answer 2

我用兩個div來做這件事。我在整個屏幕上放置了一個div，並將其設置爲半透明，然後使用z-index更高的屏幕中心放置我的「popup」div。彈出div然後可以包含你想要的任何內容。