这个问题出现在我自己的博客里,虽然是小问题,也记录下来吧。
原本我是想着文章的缩略图,不要有什么乱七八糟的效果(起初缩略图是有个放大缩小的效果的,后面我觉得没必要)考虑到一丁点效果都没有,好像又挺乏味的。所以索性弄了个简单的鼠标经过特效,经过图片,会有个动态遮罩效果。
问题是涉及到::before伪元素的样式,CSS代码中使用了::before伪元素来创建一个遮罩层效果,可能导致点击事件无法穿透遮罩层。
可以在CSS样式中,加入这段代码
pointer-events: none;
添加了这行代码后,点击事件应该可以正常穿透遮罩层,从而可以点击图片打开链接了。