我正在制作我的个人网站并遇到这个问题。
在角落的左上角有一个按钮。它应该是可点击的但由于某种原因它隐藏在图像背后（从某种意义上说，你不能与它交互，但你仍然可以看到它）。使用我的调试技巧，它让我得出结论，动画图像（-webkit-transform）（注意你还不能在Firefox或其他浏览器上测试它）可能是弄乱元素优先级的原因。
我尝试用z-index 100或10000修复它，但仍无法正常工作。奇怪的是，如果删除元素.bg编号2,3,4，则可以再次单击该按钮。
如果有人可以请告诉我这是否是浏览器错误以及是否有解决方法。
答案 0 :(得分：5)
position:fixed会创建一个新的堆叠上下文，因此z-index的行为不符合您的预期：http://updates.html5rocks.com/2012/09/Stacking-Changes-Coming-to-position-fixed-elements
试试这个简单的修复程序，让我知道它是否适合您：
.bg { pointer-events: none; }