css - 在 iframe 顶部强制固定导航栏？

Question

我将导航固定在页面顶部，但如果在其上滚动嵌入了 iframe 的 youtube 视频，它会显示在导航顶部(以及任何叠加层或模态窗口 div)。

尝试在其上设置 z-index，但无济于事。

我发现您可以在嵌入对象上设置 wmode="opaque"以使其与旧式 Flash 嵌入一起使用，但我更喜欢使用 HTML 5 而不必在视频嵌入

http://jsfiddle.net/EB6gN/9/

Answer 1

正确的答案是将 wmode=opaque 设置为您的 iframe src 值的 YouTube 查询字符串。

iframe 没有Opaque 属性。允许的属性的完整列表在这里: http://www.w3schools.com/tags/tag_iframe.asp

此更新后的 jsfiddle 仅包含 HTML5 API 嵌入 YouTube 方法，而忽略了旧式嵌入类型和您不需要的 z-index。
http://jsfiddle.net/EB6gN/16/

如果您点击播放视频时看到黑屏，那是因为当前的 YouTube HTML5 Flash Fallback 错误。一旦 iframe 变大，您就会看到控件，但播放器已损坏。引用此 SO 帖子以获取该信息:
https://stackoverflow.com/a/10560802/1195891