DHTML弹出窗口

时间:2009-11-11 17:47:52

标签: javascript html css popup dhtml

我正在尝试在我的网站上创建一个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,这可能是问题吗?我不知道如何纠正这个问题,任何帮助都会很棒。

谢谢!

2 个答案:

答案 0 :(得分:1)

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

答案 1 :(得分:1)

您希望将div定位为“绝对”而不是“相对”。然后我会使用'top'和'left'属性来定位窗口。

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