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