YouTube iFrame的css-z-index问题(全屏模式)

概述想知道是否有人能说清楚…… 如果您在此页面上以全屏模式观看视频：http://singtonicity.com.gridhosted.co.uk/您会注意到某些元素浮动在视频顶部(要以全屏模式查看,请在播放时双击该视频). 我假设这与经典的iFrame / z-index问题有关,但我无法找到这个问题. 我想知道这是否与默认样式浏览器在全屏幕上给iframe有关,例如：iframe：-webkit 想知道是否有人能说清楚……

如果您在此页面上以全屏模式观看视频：http://singtonicity.com.gridhosted.co.uk/您会注意到某些元素浮动在视频顶部(要以全屏模式查看,请在播放时双击该视频).

我假设这与经典的iframe / z-index问题有关,但我无法找到这个问题.

我想知道这是否与默认样式浏览器在全屏幕上给iframe有关,例如：iframe：-webkit-full-screen ???

我们非常欢迎任何帮助.

提前致谢

理查德

解决方法 这实际上与你的不透明度和动画有关.尝试删除fadein ease-in-out 1 CSS动画并检查结果.

看看Phillip Walton的这篇优秀文章,应该帮助澄清一些事情：http://philipwalton.com/articles/what-no-one-told-you-about-z-index/

总结

以上是内存溢出为你收集整理的YouTube iFrame的css-z-index问题(全屏模式)全部内容，希望文章能够帮你解决YouTube iFrame的css-z-index问题(全屏模式)所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。