动态创建的元素隐藏 Bootstrap 弹出框答案

【问题标题】：Dynamically created elements are hiding Bootstrap popover动态创建的元素隐藏 Bootstrap 弹出框
【发布时间】：2013-10-30 21:27:24
【问题描述】：

这是一个非常直接的问题。它只发生在 Safari 中。我在一个元素上有一个弹出框。到目前为止，这一切都很好。我有一个交互式元素，可以动态地将 div 添加到 DOM。添加此元素后，任何出现在同一位置的弹出框都将位于动态添加的元素后面（视线被遮挡）。

编辑：只是为了清楚动态元素是一个 iframe。我尝试向页面添加静态 iframe，但问题仍然出现在 Safari 中。 Safari 中是否发生了某种疯狂的自动 iframe 样式？

EDIT2：也许代码示例将有助于表明我已经尝试过 z-index

动态元素的css

.active_tv_screen{
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:100%;
    border-radius:5px;
    z-index:3 !important;
}

弹出框的自定义样式以尝试将其强制放在动态元素前面

.popover {
    z-index: 1001 !important;
    position:absolute;
    max-height:500px !important;
}

提醒：这个问题是 Safari 特有的

【问题讨论】：

【解决方案1】：

将要保持可见的元素的“z-index”设置为高于其他元素的“z-index”。不要忘记你需要指定一个位置：absolute |相对 |等等……

【讨论】：

【解决方案2】：

这里是修复 - 将 ?wmode=opaque 添加到嵌入 url（src 属性）的末尾，它将被修复。问题出在新的 Flash 播放器上。

【讨论】：