DHTML 팝업 창

내 웹 사이트에서 DHTML 창을 만들려고하고 있는데 실제로 팝업으로 가져올 수 있습니다. 내가 가지고있는 문제는 그것이 페이지 위로 텍스트를 움직이게하는 것입니다. 여기 http://dhtmlpopups.webarticles.org/basics.php 또는 : 나는이 여기에 예를 들면 발생하지 않습니다 DHTML 팝업의 예를 본 http://www.php-development.ru/javascripts/popup-window.php DHTML 팝업 창

내 팝업이

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

처럼 보이는 내가 잘못 div 태그를하고있는 중이 야 알아낼 질수

내 사이트에서도 템플릿을 사용하고 CSS를 사용하여 인터넷에서 문제가 될 수 있습니까? 나는이 문제를 해결하기 위해 무엇을 해야하는지에 대한 상실감이있다. 어떤 도움도 굉장 할 것이다.

감사합니다.

출처

2009-11-11 cskwrd

나는 당신이 1 x 1 픽셀의 폭과 페이지의 상단 모서리에 절대적으로 1 픽셀의 위치의 높이와 귀하의 모든 팝업 창을 넣어하는 것이 좋습니다. 두 가지 이유가 있습니다 ... 1. 우연히 언젠가는 위치를 지정할 수 있기 때문에 팝업 마크 업을 원하지 않습니다 : 메인 div의 상대적 위치는 윈도우 좌표계를 엉망으로 만듭니다. 2. javascript를 사용하여 팝업 div를 제거하려면 Dom에서 부모를 더 쉽게 찾을 수 있습니다. – Zoidberg

'상대'가 아닌 '절대'로 div를 배치하려고합니다. 그런 다음 '위'및 '왼쪽'속성을 사용하여 창을 배치합니다.

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

출처

2009-11-11 17:50:46 ianpoley

누가 먼저 게시했는지 모르기 때문에 둘 다 나에게서 투표를 얻습니다! – Zoidberg

하하, 충분합니다. 고마워요 :) – ianpoley

먼저 게시 : p –

다른 요소를 이동하지 않으려면 절대 위치 지정을 사용하십시오.

출처

2009-11-11 17:50:08

답변

관련 문제