DHTML彈出窗口

Question

我正在嘗試在我的網站上創建一個DHTML窗口，實際上可以為我彈出它。 我遇到的問題是，當它彈出時，它會在頁面上四處移動文本。 我已經看到了DHTML彈出式窗口的示例，在這種情況下這種情況不會發生，例如： http : //dhtmlpopups.webarticles.org/basics.php或以下網址 ： http : //www.php-development.ru/javascripts/popup-window .PHP

我無法弄清楚我在做什么錯誤彈出標簽的div標簽看起來像這樣

<div id="loginPopup" style="position: relative; display:none; z-index: 500;"><div class="closeButton" onClick="javascript:document.getElementById('loginPopup').style.display = 'none';"></div></div>

我的網站還使用我從網上獲得的模板和CSS，這可能是問題嗎？ 我無所適從以解決此問題，任何幫助都將是很棒的。

謝謝！

Answer 1

如果您不希望它移動其他元素，請使用絕對定位。

Answer 2

您想將div定位為“絕對”而非“相對”。 然后，我將使用“頂部”和“左側”屬性來定位窗口。

div.loginPopup {
   position:aboslute;
   top:50px;
   left: 50px;
}