我想要一个 div 出现在 Zurb Foundation 显示模态的顶部。
但是,我的 div 拒绝显示在模式顶部。
模态框的 z-index 是 1006。当我将我的顶部 div 设置为 1010,甚至 99999 时,它仍然位于模态框下方。
我让它工作的唯一方法是将基础模式的 .reveal-overlay
的 z-index 设置为 0(即使是 1 也会将它放在我的 div 之上),但是弄乱了其他元素。
如何将元素放在 Zurb Foundation 模态之上?
最佳答案
你的 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>
关于javascript - 将一些东西放在模态之上(Zurb Foundation),我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/47847267/