css - 当您将鼠标悬停在 css 中的 div 之外时，如何使链接出现？

Question

当我输入特定的 div 时，我无法更改链接的外观。目的是当我将鼠标悬停在特定的 div 上时，链接将出现在 div 中，直到我将鼠标移出 div 区域，然后链接将再次消失。如果有人知道解决方案，请随时回答这个问题。

谢谢，

Answer 1

div a {display:none;}
div:hover a {display:block;}

这会在 div 未悬停时隐藏链接。不利的一面是，这会在悬停时改变你的 div 的高度。一个解决方案是这样的:

div a {visibility:hidden;}
div:hover a {visibility:visible;}

或者，您可以为链接提供与 div 相同的背景颜色，并在悬停时更改它。