当您将鼠标悬停在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相同的背景色，并在悬停时对其进行更改。