css - 将鼠标悬停在其上时显示隐藏的 div I

Question

我有一个隐藏的 div，因为它有属性:display:none。我需要在将它悬停时显示它，而不是另一个元素，这意味着，我希望它在悬停在 IT 上时立即显示，或者 display:block。我发现他们正在处理当您将鼠标悬停在包含隐藏 div 的 div 上时显示 div 的情况:Show hidden div on hover

HTML

<a href="#" id="case1"><div>my hidden div</div></a>

CSS

#case1{
    display: none;
}

如果你能给我奖金并回答这个相关问题，我将不胜感激:

我有隐藏的 div，当我将鼠标悬停在单独的 a href 链接上时，我想显示它。但由于某种原因它不起作用:

HTML

<nav>
        <ul id="pics">
          <li><a href="#"><img src="img1"></a></li>
          <!--other <li>-->
        </ul>
        <ul id="menu">
          <li><a href="#">show img1</a></li>
          <!--other <li>-->
        </ul>
</nav>

我想隐藏 img1 并在我将鼠标悬停在显示 img1 的 a href 上时显示它。

非常感谢所有帮助。谢谢

Answer 1

display: none 属性从流中移除元素。换句话说，它根本不存在，因此您无法单击它、将鼠标悬停在它上面等。

如果您希望元素保留在流中(即“占用空间”)但只是不可见，您可以使用 visibility 或 opacity。