2014-02-13 150 views
3

我已經將箭頭放置爲:在可點擊圖塊的僞元素之後。它創建了一個盲點是無法點擊,儘管高度/寬度設置爲0僞元素不可點擊

代碼在這裏:http://cdpn.io/vpjCg

要看到問題,滾動光標懸停在平鋪的鏈接,然後通過在自下而上的字符右上角。

是否有CSS屬性或其他解決方案將after元素設置爲鼠標光標不可見,以便整個區域可點擊?

+2

您不能將事件附加到僞元素,因爲它們不是DOM元素。 –

回答

8

僞元素屬於他們的父母 - 如果他們的父母是可點擊的(button,a)那麼僞元素也是如此。與DOM元素類似,如果DOM元素具有綁定的點擊事件監聽器,當您直接單擊DOM元素或其僞元素時,它將被觸發。

編輯

除了我的答案,你可以讓你點擊進入「穿越」的元素,達到使用CSS屬性pointer-events和值設置爲none底下的元素。適用於各種現代瀏覽器(IE9及以上版本)https://developer.mozilla.org/en-US/docs/Web/CSS/pointer-events

+0

是的。正確答案。我可以將它附加到錨元素而不是div.item,並且一切都很好。 謝謝亞當。 –

+0

'pointer-event:none' style屬性保存了一天。適用於Firefox版本55。 –