Css 即使元素处于隐藏状态，在元素上始终保持注册悬停

我很确定我可以使用JS或jQuery来实现这一点，但我想知道如何使用CSS来实现这一点

我有一个元素，我想在鼠标悬停时隐藏它。问题是，每当鼠标悬停在元素上时，该元素都是隐藏的（目前为止还不错），但如果鼠标随后在该元素上移动，它似乎没有在隐藏的元素上注册悬停，因此没有隐藏它，然后注册悬停并隐藏它。这会导致元素出现恼人的闪烁。可以看出

---

例如，我更改了悬停时的背景色，这一效果始终如一。如果我尝试

的话，问题是当一个项目具有可见性：隐藏时，你就不能再“触摸”它了。所以它不在那里。所以，在它被隐藏之后，就没有什么可以悬停的了。因此，当您移动光标时，它将再次可见，并立即不可见（因为您在“悬停”上设置了css样式），因此出现了闪烁问题

您可以使用

opacity:0

代替悬停，元素将在那里，您可以“触摸”它，但不可见

这就是可见性和不透明度之间的区别

a{
颜色：白色；
背景颜色：紫色；
填充：0.2em 0.6em；
显示：块；
}
a:悬停{
不透明度：0；}

---

将鼠标悬停在此处

是否只想使用可见性？或者你会接受其他方式来隐藏

a

？其他方式也是可以接受的。我直觉上希望“可见性”仍然允许触摸它。当一个物理物体不可见时，这并不意味着该物体不存在，你仍然可以触摸它。我以为CSS会按照这些思路工作，但现在我明白这是一个错误的假设