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

您希望将 div 定位为“绝对”而不是“相对”。然后，我将使用“顶部”和“左侧”属性来定位窗口。

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

Answer 2

如果您不希望它移动其他元素，请使用绝对定位。