当我通过iframe嵌入Youtube视频时,它会忽略z-index并挂起具有z-index值9999的固定菜单元素。
在较早的问题中,我找到了答案here,添加了参数& wmode = Opaque'或'& wmode = transparent'到youtube视频的网址,但不起作用。这些解决方案看起来很像2008年或2012年。
所以我想知道如何解决它。 请有人帮忙!
答案 0 :(得分:0)
您发布的iframe代码存在一些问题,有些是次要的,但仍应予以纠正,以确保您的代码可以在任何地方无问题地工作。
首先,请勿在源文件后使用分号
其次,您不应从源URL中删除https://
第三,这就是它不适合你的原因,你没有从你链接的答案中复制wmode="Opaque"
。
所以你的iframe代码应该是:
<iframe width="560" height="315" src="https://youtube.com/embed/p0O1VVqRSK0?wmode=transparent" wmode="Opaque" frameborder="0" allow="autoplay; encrypted-media" allowfullscreen></iframe>
看到这个小提琴演示: https://jsfiddle.net/7ox49Ldv/3/
如果使用更正后的iframe代码仍无法解决问题,则html / css必须存在更深层次的问题。