这是一个非常直接的问题。它只发生在Safari中。我有一个元素的弹出窗口。到目前为止,这一切都很顺利。我有一个交互式元素,可以动态地为DOM添加div。添加此元素后,在同一位置出现的任何弹出窗口都会在动态添加的元素后面(视觉模糊)。
编辑:要明确动态元素是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特色
答案 0 :(得分:0)
将要保持可见元素的'z-index'设置为高于其他元素的'z-index'。不要忘记你需要指定一个位置:绝对|亲戚|等...
答案 1 :(得分:0)
这是修复 - 添加?wmode = opaque到embed url的末尾(src属性),它将被修复。问题是新的Flash播放器。
来源:https://maxmorgandesign.com/fix_youtube_iframe_overlay_and_z_index_issues/