问题。简单记录一下：【问题】测试官网索引页移动端时，发现底部footer的a标签无论如何都无法点击。【调试过程】1、首先在PC端用浏览器模拟手机看一下，问题重现；2.然后看“规则”和“计算后”面板（我用的是FireFox，习惯了。。。对应Chrome的styles和computed），a标签本身的style好像没问题，还有周围都没有问题...3.扔到chrome中，问题依旧，继续迷茫...4.不小心关掉了手机端到端模拟，太好了！！！(黑色问号face.gif)继续迷茫...5.尝试用“选择元素”工具点击a标签，居然点击上面一个透明的空标签（有Width和height），我试了几次（嗯？），然后查看，发现标签position:fixed;，移动端页面收缩向下挤压，完全覆盖了a标签……至此，我找到了原因。6、因为标签不需要响应点击事件，所以直接加上一句pointer-events:none，问题解决。【总结】其实还是先试试z-index（我个人很反感这种风格，都是自然写），写错了~~不要只写固定的透明标签...血泪的教训=_=|||...我真的很怀念FireFox的3D模式...但它不是彩蛋。以后，我必须使用“选择元素”来排除类似的错误。pointer-events:none真是神器，省了很多js（其实是jq）“事件监听+selector判断/过滤”。
