我有一个下拉菜单出现在页面的顶部，就在 HTML5 视频的上方。到目前为止，我注意到在 Chrome 和 Safari 上，这有时会导致下拉菜单出现一些奇怪的渲染。
好像是上下滚动，然后点击菜单的时候触发的。视频是使用 HTML5 标签嵌入的，菜单是使用 Bootstrap 3 的下拉支持构建的。
有谁知道这可能是什么原因造成的？
最佳答案
问题与视频容器使用负 z-index 有关。
因为我想让视频出现在背景中，所以我给它一个负的 z-index。出于某种原因，当视频元素的 z-index 为负值时，上面的下拉菜单会出现渲染问题，如问题屏幕截图所示。将视频移动到具有正的 z-index(尽管 z-index 低于其他页面元素，因此它仍然出现在背景中)似乎已经解决了这个问题。
关于css - 在 HTML5 视频上呈现下拉菜单的问题，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/23890673/