基本上我有一个固定位置<div>有 summernote所见即所得嵌套在其中。问题是当我在 WYSIWYG 中单击“链接”按钮时，它会打开一个出现在黑色背景后面的 Bootstrap Modal。
现在的原因是 <div> Summernote 位于其中的固定位置具有比背景更低的 z-index。如果我增加 <div> 的 z-index比背景消失因为整个<div>被移动到背景之上。
同样，我无法增加 Summernote 弹出窗口的 z-index，因为它嵌套在容器内 <div>并继承其 z-index。
这是一个快速的 fiddle :https://jsfiddle.net/cmvs32vL/1/
有什么想法吗？
--- 编辑 205 年 7 月 14 日下午 2:19 ---
所以我的问题是...有什么方法可以使用 CSS 使模式出现在背景前？没有 jquery，我无法移动模式，我宁愿不这样做。模态是使用 summernote 动态创建的，所以我无法定义它在 DOM 中的位置。
这里有一个解释这个的视频:http://screencast.com/t/Jz9o1rn7
最佳答案
我认为问题在于您没有正确关闭容器 div。
<div id="container">
<div id="modal">Modal content</div>
<div id="bg"></div>
</div>
这应该可以解决它。
编辑: 虽然你的问题有点罗嗦......我对这个问题的理解是你试图将“模态”置于一切之上？
关于html - 出现在背景后面的固定位置 DIV 内的弹出模式，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/31409103/