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