简单记录个a标签点不上的bug

官网改版时碰到的问题。简单记录下：

【 问题 】

官网index页面移动端测试时，发现底部页脚的a标签不管如何点不动。

【 Debug 过程 】

一、先是在pc端用浏览器模拟手机看了下，问题重现；

二、而后看了下“规则”和“计算后”面板（用的是FireFox，习惯了……分别对应Chrome的styles和computed），a标签自己的样式彷佛是没问题的，周围也没啥问题……

三、丢到chrome里，问题依然重现，继续懵逼……

四、无心间关掉了移动端模拟，竟然好了卧槽!!!（黑人问号脸.gif）继续懵逼……

五、试着用“选择元素”工具去点选a标签，竟然点到了上边一个透明的空标签上（有宽高），试了几回都是如此（嗯？），而后检查发现该标签position: fixed;，移动端页面收缩后挤下来、整好遮挡住了a标签……至此找到缘由。

六、由于该标签不须要响应点击事件，因此直接加了句pointer-events:none，问题解决。

【 小结 】

• 其实最开始应该先试下z-index的（我的有点排斥这个样式，都是天然写法），失策失策~~

• 不要随便写fixed的透明标签……血泪教训=_=|||……

• 无比怀念FireFox的3D模式……然并卵。之后只好用“选择元素”排除相似的bug了。

• pointer-events:none真的是神器，省了不少js（实际上是jq）“事件监听+选择器判断/过滤”的事。