图片加了鼠标经过的效果后,无法打开链接怎么办?

徐伟轩

这个问题出现在我自己的博客里,虽然是小问题,也记录下来吧。

原本我是想着文章的缩略图,不要有什么乱七八糟的效果(起初缩略图是有个放大缩小的效果的,后面我觉得没必要)考虑到一丁点效果都没有,好像又挺乏味的。所以索性弄了个简单的鼠标经过特效,经过图片,会有个动态遮罩效果。

问题是涉及到::before伪元素的样式,CSS代码中使用了::before伪元素来创建一个遮罩层效果,可能导致点击事件无法穿透遮罩层

 

可以在CSS样式中,加入这段代码

pointer-events: none;

添加了这行代码后,点击事件应该可以正常穿透遮罩层,从而可以点击图片打开链接了。

评论
AI机器人本条评论,由Ai智能生成
换语言
中文
русский
English
Deutsch
Français
Српски
Español
Malaysia
한국어
日本語
Tiếng Việt
ไทย