想知道是否有人能说清楚......
如果您在此页面上以全屏模式观看视频：http://singtonicity.com.gridhosted.co.uk/您会注意到某些元素浮动在视频顶部（要在全屏模式下观看，请双击视频＆＃ 39; s play）。
我假设这与经典的iFrame / z-index问题有关，但我无法找到这个问题。
我想知道它是否与默认样式浏览器的全屏幕iframes有关，例如：iframe:-webkit-full-screen ???
非常欢迎任何帮助。
提前致谢
理查德
答案 0 :(得分：7)
这实际上与你的不透明度和动画有关。尝试删除fadein ease-in-out 1 CSS动画并检查结果。
看看菲利普·沃尔顿的这篇优秀文章，应该帮助澄清一些事情：http://philipwalton.com/articles/what-no-one-told-you-about-z-index/
答案 1 :(得分：1)
我在Safari浏览器中遇到了此类问题。需要从父元素中删除will-change css属性以对其进行修复。