Css HTML5视频，位置绝对z索引-1，悬停Chrome bug

我在一个网站上工作，它有一个全屏视频（高度=窗口高度），上面有文本，下面有一个固定位置的导航

使用此组合，每当您向下滚动时，“我的导航”中的悬停将不会注册

我试着把这个贴在JSFIDLE上，但它太麻烦了。。。所以我把它放在别的地方：

使文本为“Hover me”的固定块在其悬停时不更新。我只能在Mac OS上的Google Chrome上重现这个bug

---

演示视频：

解决许多chrome分层问题的标准方法通常是将其作为单独的硬件加速层。尝试添加

-webkit-backface-visibility: hidden;

---

…到您的视频或导航。

刚刚在IE 11和Chrome中尝试了此测试，我不确定您试图描述的问题是什么。蓝色/红色的悬停效果无论如何都有效。它似乎只会影响我在Win 8.1上测试的Mac OS X（10.9.3）中的Google Chrome浏览器，所以是的，它看起来是某种只与OSX+Chrome相关的bug。谢谢，这就成功了。对于未来任何其他奇怪的行为，我都会记住这个答案。出于好奇——哪种元素需要破解？导航还是视频？我在导航上用过。它还修复了我正在处理的布局中的一些其他口吃。

-webkit-backface-visibility: hidden;