Javascript 动态创建的元素隐藏了引导popover

这是一个相当直接的问题。它只发生在狩猎中。我在一个元素上有一个popover。到目前为止一切都很好。我有一个交互式元素，可以动态地向DOM添加一个div。添加此元素后，在同一位置出现的任何popover都位于动态添加的元素后面（视觉模糊）

EDIT：为了清楚起见，动态元素是一个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;
}

自定义popover样式，尝试将其强制置于动态元素前面

.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特有的

将要保持可见的元素的“z索引”设置为高于其他元素的“z索引”。别忘了你需要指定一个位置：绝对、相对等

这是嵌入url（src属性）末尾的fix-add？wmode=opaque，它将被修复。问题是新的flash播放器

---

来源：

您是否尝试过使用z-index属性？是的，我尝试过使用z-index，但没有效果