Html ：：after和：：before伪类阻止锚标记

所以在我的代码中，我有一个区域，其中有两个锚定标记。为了使该区域看起来更漂亮，我为其创建了两个新的：：before和：：after伪选择器，它们将在该区域上悬停后生成动画。无论如何，在我这么做之后，锚标签是完全无法访问的。我知道这与前后伪类有关，因为一旦我注释掉它们，锚定标记就可以再次访问。我试过z-index，但仍然是。代码如下：

CSS .log\u signLi a{ 显示：内联块； z指数：10； } .log\u signLi{ 保证金底部：1.6雷姆； } .log\u符号{ 位置：相对位置； 过渡：全部。4s； 显示：内联块； 边缘底部：2rem； 边框：0px实心透明； } .log\u符号：悬停{ 背景色：RGB250250250； 边界半径：1em； z指数：0； } .log\u符号：悬停：：之前{ 内容：； 位置：绝对位置； 最高：0%； 左：0%； 身高：100%； 宽度：100%； 显示：内联块； 边缘底部：2rem； 动画名称：log\uu signBottomLeft； 动画计时功能：轻松进出； 动画持续时间：.6s； 边框底部：绿色2.3px实心； 左边框：绿色2.3倍实心； 边界半径：1em； z指数：0； } .log\u符号：悬停：：之后{ 内容：； 位置：绝对位置； 最高：0%； 左：0%； 身高：100%； 宽度：100%； 显示：内联块； 边缘底部：2rem； 动画名称：log\uu signTopRight； 动画计时功能：轻松进出； 动画持续时间：.6s； 边框顶部：绿色2.3倍纯色； 右边框：绿色2.3px实心； 边界半径：1em； z指数：0； }

---

通过将悬停效果的z索引从0更改为-99，我可以使链接正常工作

.log\u signLi a{ 显示：内联块； z指数：10； } .log\u signLi{ 保证金底部：1.6雷姆； } .log\u符号{ 位置：相对位置； 过渡：全部。4s； 显示：内联块； 边缘底部：2rem； 边框：0px实心透明； } .log\u符号：悬停{ 背景色：RGB250250250； 边界半径：1em； z指数：0； } .log\u符号：悬停：：之前{ 内容：； 位置：绝对位置； 最高：0%； 左：0%； 身高：100%； 宽度：100%； 显示：内联块； 边缘底部：2rem； 动画名称：log\uu signBottomLeft； 动画计时功能：轻松进出； 动画持续时间：.6s； 边框底部：绿色2.3px实心； 左边框：绿色2.3倍实心； 边界半径：1em； z指数：-99； } .log\u符号：悬停：：之后{ 内容：； 位置：绝对位置； 最高：0%； 左：0%； 身高：100%； 宽度：100%； 显示：内联块； 边缘底部：2rem； 动画名称：log\uu signTopRight； 动画计时功能：轻松进出； 动画持续时间：.6s； 边框顶部：绿色2.3倍纯色； 右边框：绿色2.3px实心； 边界半径：1em； z指数：-99； } 只需将指针事件：none添加到：：before和：：after伪元素中，您的链接就可以访问了

顺便说一下，您定义：：before和：：after的方式是错误的，您应该首先定义它们，然后在：：hover state上设置它们的样式；但是第一个技巧应该可以很容易地解决你的问题

---

让我知道它是否有效。

我无法复制。StackOverflow允许您创建一个代码段，请尝试重新创建此代码段的问题tool@CristianTraìna这很有趣，对我很有用。你必须一直向下滚动到链接登录和注册-当它们悬停在上面时，链接变得不可点击。这就是说，它的措辞有点混乱，一个片段也会有帮助。谢谢你，这很有效！我无法想象如果我没有使用这个网站寻求帮助，我会花多少时间。我很高兴它能在任何时候帮助我