簡單記錄個a標簽點不上的bug

neuSnail 發布于2019-08-30 13:18 / 1447人閱讀

摘要：簡單記錄下問題官網頁面移動端測試時，發現底部頁腳的標簽無論如何點不動。因為該標簽不需要響應點擊事件，所以直接加了句，問題解決。

官網改版時碰到的問題。簡單記錄下：

【問題】

官網index頁面移動端測試時，發現底部頁腳的a標簽無論如何點不動。

【 Debug 過程】

1、先是在pc端用瀏覽器模擬手機看了下，問題重現；

2、然后看了下“規則”和“計算后”面板（用的是FireFox，習慣了……分別對應Chrome的styles和computed），a標簽本身的樣式似乎是沒問題的，周圍也沒啥問題……

3、丟到chrome里，問題依然重現，繼續懵逼……

4、無意間關掉了移動端模擬，居然好了臥槽!!!（黑人問號臉.gif）繼續懵逼……

5、試著用“選擇元素”工具去點選a標簽，居然點到了上邊一個透明的空標簽上（有寬高），試了幾次都是如此（嗯？），然后檢查發現該標簽position: fixed;，移動端頁面收縮后擠下來、整好遮擋住了a標簽……至此找到原因。

6、因為該標簽不需要響應點擊事件，所以直接加了句pointer-events:none，問題解決。

【小結】

其實最開始應該先試下z-index的（個人有點排斥這個樣式，都是自然寫法），失策失策~~

不要隨便寫fixed的透明標簽……血淚教訓=_=|||……

無比懷念FireFox的3D模式……然并卵。以后只好用“選擇元素”排除類似的bug了。

pointer-events:none真的是神器，省了很多js（其實是jq）“事件監聽+選擇器判斷/過濾”的事。

GPU云服務器云服務器 webrtc連接不上的原因使用云服務器上的旺旺聊天記錄本地連不上云服務器上的tomcat 連接不上騰訊云服務器上的svn

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/115462.html

簡單記錄個a標簽點不上的bug

摘要：簡單記錄下問題官網頁面移動端測試時，發現底部頁腳的標簽無論如何點不動。因為該標簽不需要響應點擊事件，所以直接加了句，問題解決。官網改版時碰到的問題。簡單記錄下：【問題】官網index頁面移動端測試時，發現底部頁腳的a標簽無論如何點不動。【 Debug 過程】 1、先是在pc端用瀏覽器模擬手機看了下，問題重現； 2、然后看了下規則和計算后面板（用的是FireFox，習慣了...

Cristalven 2019-08-01 16:08 評論0 收藏0
踩坑---一個不是坑的難以言喻的坑，有關企業微信在iOS端上傳文件的坑

摘要：我們的業務代碼是在自己的客戶端微信釘釘企業微信四個地方跑的同一套代碼。描述的具體描述是企業微信用戶在使用上傳圖片時，無反應。起因今早一去公司，被組長遠程發過來一個Bug，據說是用戶反饋的一個iOS的問題，在我們的業務中，有一個有關圖片上傳的問題。我們的業務代碼是在自己的客戶端、微信、釘釘、企業微信四個地方跑的同一套代碼。 Bug描述 Bug的具體描述是企業微信用戶在使用上傳圖片時，...

geekidentity 2019-08-23 10:51 評論0 收藏0
以太坊合約的安全性弱點，你都繞開了嗎 III

摘要：新年前，我們最后來談一談以太坊安全性的特點。以太坊使用了一個硬分叉解決了這一問題。合約擁有者利用函數的異常處理和調用棧大小限制進行攻擊。結語通過這幾期對參考文獻的學習，我們看到了一些以太坊合約中設計的弱點。新年前，我們最后來談一談以太坊安全性的特點。不可能修改的bug 當合約公開在區塊鏈上之后，它就不能去修改了。相應的，合約中出現的任何 bug 也沒有機會改正。如果希望能夠修改bu...

qqlcbb 2019-06-25 19:02 評論0 收藏0
以太坊合約的安全性弱點，你都繞開了嗎 III

摘要：新年前，我們最后來談一談以太坊安全性的特點。以太坊使用了一個硬分叉解決了這一問題。合約擁有者利用函數的異常處理和調用棧大小限制進行攻擊。結語通過這幾期對參考文獻的學習，我們看到了一些以太坊合約中設計的弱點。新年前，我們最后來談一談以太坊安全性的特點。不可能修改的bug 當合約公開在區塊鏈上之后，它就不能去修改了。相應的，合約中出現的任何 bug 也沒有機會改正。如果希望能夠修改bu...

gnehc 2019-06-21 16:53 評論0 收藏0