Javascript DIV 요소 뒤에 HTML 표시

Question

javascript를 사용하여 HTML과 표시를로드하는 시스템에 사용되는 포함 된 사용자 정의 페이지로 작업하고 있습니다.

두 개의 DIV 요소가있는 버그를 해결하기위한 기본적인 테스트 예제를 만들었습니다. 하나는 텍스트로 표시되며 마우스 오버 및 마우스 아웃 함수 호출을 포함합니다.

기능은 추가 정보를 제공하기 위해 표시되어야하는 두 번째 div에 대해 처리됩니다.

두 번째 div가 표시되면 페이지의 다른 요소 뒤에 표시됩니다. 나는 CSS 규칙을 철저히 지키려고 노력했지만 여전히 다른 항목들 뒤에 나타나고있다.

의견을 보내 주시면 감사하겠습니다.

코드 :

그래서 내가 onmouse 표시 할 "숨겨진"DIV (내 CSS) 인 :

.description{ display:none; position:absolute; border:5px solid black; background-color: yellow; padding: 5px; z-index:10000;} 

내 JS

. 함수는 다음과 같습니다.

function ShowContent(d) { var dd = document.getElementById(d); dd.style.display = "block"; }; 

Answer 1

요소의 세로 축 위치는 여러 요소에 따라 다릅니다. 그 중 하나는 특정 스택 컨텍스트 (z- 인덱스)에 대한 스택 수준 값입니다.

z- 인덱스 속성을 적용하려면 요소를 배치해야합니다.

하지만 게임을하는 것보다 훨씬 더. div의 anestor를 포함하여 주변 요소의 표시 및 위치 값은 무엇입니까? 다른 스태킹 컨텍스트에 참여하는 요소에 Z- 색인 값을 적용하고 있습니까? 표시 값은 무엇입니까? 기본 블록 값을 사용하고 있습니까 아니면 인라인 레벨 상자가 있습니까? 인접 지역에있는 모든 floting 요소가 있습니까?

HTML과 CSS를 표시하면보다 정확한 답변을 제공해 드리겠습니다.