我已經將箭頭放置爲:在可點擊圖塊的僞元素之後。它創建了一個盲點是無法點擊,儘管高度/寬度設置爲0僞元素不可點擊
代碼在這裏:http://cdpn.io/vpjCg
要看到問題,滾動光標懸停在平鋪的鏈接,然後通過在自下而上的字符右上角。
是否有CSS屬性或其他解決方案將after元素設置爲鼠標光標不可見,以便整個區域可點擊?
我已經將箭頭放置爲:在可點擊圖塊的僞元素之後。它創建了一個盲點是無法點擊,儘管高度/寬度設置爲0僞元素不可點擊
代碼在這裏:http://cdpn.io/vpjCg
要看到問題,滾動光標懸停在平鋪的鏈接,然後通過在自下而上的字符右上角。
是否有CSS屬性或其他解決方案將after元素設置爲鼠標光標不可見,以便整個區域可點擊?
僞元素屬於他們的父母 - 如果他們的父母是可點擊的(button
,a
)那麼僞元素也是如此。與DOM元素類似,如果DOM元素具有綁定的點擊事件監聽器,當您直接單擊DOM元素或其僞元素時,它將被觸發。
編輯
除了我的答案,你可以讓你點擊進入「穿越」的元素,達到使用CSS屬性pointer-events
和值設置爲none
底下的元素。適用於各種現代瀏覽器(IE9及以上版本)https://developer.mozilla.org/en-US/docs/Web/CSS/pointer-events
是的。正確答案。我可以將它附加到錨元素而不是div.item,並且一切都很好。 謝謝亞當。 –
'pointer-event:none' style屬性保存了一天。適用於Firefox版本55。 –
您不能將事件附加到僞元素,因爲它們不是DOM元素。 –