锚标记在带有 :before 伪元素的 div 中不起作用

Question

我有一个类似这样的代码

<div class="container">
   <a target="_blank" href="http://www.google.com">Google</a>
</div>

我在容器中使用伪元素::before 为容器div 设置不透明的背景图像。但是，当我使用::before 伪元素设置背景图像时，我无法单击锚标记，当我删除伪元素时，它工作正常。如何通过保留背景图片来解决此问题？

谢谢

Answer 1

在伪上设置pointer-events: none，让点击通过它。