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

ric*_*age 4 css embed youtube iframe z-index

想知道是否有人能说清楚......

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

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

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

我们非常欢迎任何帮助.

提前致谢

理查德

小智 7

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

看看菲利普·沃尔顿的这篇优秀文章,应该帮助澄清一些问题:http://philipwalton.com/articles/what-no-one-told-you-about-z-index/