javascript - 将一些东西放在模态之上(Zurb Foundation)

标签 javascript html css modal-dialog zurb-foundation

我想要一个 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/

相关文章:

jquery - 在第 nth-child 创建后更改 CSS?

javascript - 美化或着色网页上的 html 以提高可读性

css - 如何设置标签或跨度等内联对象的垂直对齐方式在为 IE7-8 设置文本对齐等于中心的行中?

javascript - jQuery 故障?切换类

javascript - Ember.js (v 1.13) - 从组件切换按钮的 CSS 类

javascript - AngularJS limitTo 动态扩展数组

javascript - 我的 setInterval 没有改变,即使我的变量是

javascript - 如何从选项卡内部更改为另一个选项卡?

javascript - 使表格的第一列始终可见

javascript - 使 jquery 滑动 slider 宽度 100%