html - Html/css 导航栏出现在浏览器中的全屏 videojs 上

Question

我到处搜索，但似乎找不到答案。在全屏播放视频时，html 导航位于 IE、Chrome 和 Firefox 中的视频之上，但在 Mac 和 PC 上的 Safari 中则没有。该网站是http://www.david-bartlett.com请查看 showreel 页面或摘录。

恐怕我是一个相对新手，这是css问题还是videojs问题？任何关于如何解决它的想法都将不胜感激。

干杯。

Answer 1

问题是z-indexDB.css 第 80 行中的属性：

#nav li {
    margin:0;
    padding:0;
    position:relative;
    float: left;
    list-style:none;
    line-height: 30px;
    z-index:3000; /* this line causes the bug */        
}

我不确定其他浏览器，但在 Firefox 中，只需删除该行即可。