모달 위에 무언가두기 (Zurb Foundation)

Question

나는 Zurb Foundation 공개 모달 위에 div를 표시하고 싶습니다.

그러나 내 div는 모달 위에 표시하지 않습니다.

모달의 z- 인덱스는 1006입니다. 최상단 div를 1010 또는 99999로 설정하면 여전히 모달 아래에 위치합니다.

내가 사용할 수있는 유일한 방법은 기초 모달의 .reveal-overlay의 z- 색인을 0으로 설정하는 것입니다 (심지어 1은 내 div 위에 놓습니다). 그러나 다른 요소를 망칠 수 있습니다.

어떻게하면 Zurb Foundation 모달 위에 요소를 추가 할 수 있습니까?

Answer 1

div이 작동하려면 dom의 최상위 레벨에 있어야합니다.

다음이 작동합니다.

<div class="reveal"> 
<h1>my reveal</h1> 
</div> 

<div style="z-index: 1100; width:500px; height: 500px; 
top: 100px; position: absolute;left: 200px;">On top of the reveal</div> 

</body> 
</html>