DHTML彈出窗口

我想在我的網站上創建一個DHTML窗口，我實際上可以讓它彈出給我。我遇到的問題是當它彈出時，它會在頁面上移動文本。我曾經見過這並不例如發生在這裏DHTML彈出窗口的例子：http://dhtmlpopups.webarticles.org/basics.php或在這裏：http://www.php-development.ru/javascripts/popup-window.php DHTML彈出窗口

我無法弄清楚什麼我做錯了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，這可能是問題嗎？我對如何解決這個問題感到不知所措，任何幫助都會很棒。

謝謝！

來源

2009-11-11 cskwrd

我建議您將所有彈出窗口放在寬度爲1px，高度爲1px的位置，絕對位於頁面的頂部。出於以下兩個原因... 1.您不希望彈出窗口標記與其他所有內容混合在一起，因爲您可能偶然會在主分區上放置相對位置，這會使您的窗口座標出現錯誤 2.如果你想刪除使用JavaScript彈出div，更容易找到它的父母在Dom。 – Zoidberg

您想將div定位爲「絕對」而不是「相對」。然後我會使用'top'和'left'屬性來定位窗口。

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

來源

2009-11-11 17:50:46 ianpoley

兩人都得到我的投票，因爲我不知道誰先發布！ – Zoidberg

哈哈，夠公平的。謝謝:) – ianpoley

我第一貼：p –

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

來源

2009-11-11 17:50:08

DHTML彈出窗口

回答

相關問題