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 相同的背景颜色并在悬停时更改它。