Question

基本上我有一个固定位置<div>，其中嵌套有summernote WYSIWYG。问题是当我点击＆＃34;链接＆＃34;在WYSIWYG中的按钮它会打开一个出现在黑色背景后面的Bootstrap模态。

现在的原因是，Summernote位于里面的<div>具有固定位置，其z-index低于背景。如果我增加<div>的z-index而不是背景消失，因为整个<div>会在背景上移动。

同样，我不能增加Summernote poppup的z-index，因为它嵌套在conatiner <div>中并继承了它的z-index。

这是一个快速的小提琴：https://jsfiddle.net/cmvs32vL/1/

有什么想法吗？

---编辑7/14/205 2:19 PM ---

所以我的问题是......有没有办法让模态出现在CSS的背景前？我不能在没有jquery的情况下移动模态，我宁愿不这样做。模态是使用summernote动态创建的，因此我无法在DOM中定义它的位置。

以下视频解释了这一点：http://screencast.com/t/Jz9o1rn7

Answer 1

我认为问题在于你没有正确关闭容器div。

<div id="container">
  <div id="modal">Modal content</div>
  <div id="bg"></div>
</div>

这应该解决它。

编辑：虽然你的问题有点罗嗦......我对问题的理解是你试图将“模态”移到一切之上？