Html / css导航栏出现在浏览器中的全屏视频中

Question

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

我是一个相对新手我害怕，这是一个css的事情还是一个videojs问题？我们非常感激有关如何解决问题的任何想法。

干杯。

Answer 1

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

#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中，只需删除该行即可。