我已将箭头放置为:在可点击的图块的伪元素之后。尽管将高度/宽度设置为0,它仍会产生无法点击的盲点。
此处代码:http://cdpn.io/vpjCg
要查看问题,请将光标滚动到平铺链接上,然后翻转到右下角的字符上。
是否有CSS属性或其他解决方案将:after元素设置为鼠标光标不可见,以便整个区域可以点击?
答案 0 :(得分:14)
伪元素属于他们的父母 - 如果他们的父母是可点击的(button
,a
)那么伪元素也是如此。与DOM元素类似,如果DOM元素绑定了click事件侦听器,则直接单击DOM元素或其伪元素时将触发它。
修改强>
除了我的回答之外,您还可以使用CSS属性pointer-events
点击底层元素并将值设置为none
,从而“点击”元素。适用于所有现代浏览器(IE9及更高版本)https://developer.mozilla.org/en-US/docs/Web/CSS/pointer-events