这是一个非常直接的问题。它只发生在 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 的自定义样式,以尝试将其强制放在动态元素的前面
.popover {
z-index: 1001 !important;
position:absolute;
max-height:500px !important;
}
提醒:这个问题是 Safari 特有的