把东西放在模态上（Zurb Foundation）

Posted 2021-04-16

我希望一个div出现在Zurb Foundation的顶部显示模态。

但是，我的div拒绝显示在模态之上。

模态的z-index是1006.当我将我的on-top 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>