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

Question

我在页面顶部固定了导航栏，但如果iframe嵌入的YouTube视频滚动到其上方，它会显示在导航栏的上方（以及任何叠加或模态窗口div）。

尝试设置z-index，但无效。

我发现可以在嵌入对象上设置wmode="opaque"以使旧样式Flash嵌入正常工作，但我更喜欢使用HTML 5并不需要在视频嵌入上要求特定设置。

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

- Damon

Answer 1

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

iframes没有Opaque属性。允许使用的属性的完整列表位于此处： http://www.w3schools.com/tags/tag_iframe.asp 这个更新的jsfiddle仅包含HTML5 API Embed YouTube Method，不包括旧式嵌入类型和您不想要的z-index。
http://jsfiddle.net/EB6gN/16/ 如果您在视频上点击播放会看到黑屏，那是因为当前的YouTube HTML5 Flash回退错误。一旦iframe的大小变大，您就会看到控件，但播放器已损坏。如需了解更多信息，请参考此SO帖子：
https://stackoverflow.com/a/10560802/1195891

- arttronics

Answer 2

JSFiddle

你需要将框架的wmode设置为opaque或transparent。并且你还需要在iframe中的YouTube视频中添加该参数。

更多关于wmode的信息。

编辑：至少在Chrome中，将所有内容设置为opaque 就可以正常工作。

- Belladonna