簡單記錄個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）「事件監聽+選擇器判斷/過濾」的事。