我没能在任何地方找到这个问题的答案。
当鼠标悬停在隐藏的 div 上时，如何使它出现？ 请不要告诉我如何建立链接，我知道如何建立链接；)
我试过: a.) onmouseover 将可见性设置为可见，onmouseout 将可见性设置为隐藏 这适用于 0 个浏览器
b.) 将边框设置为 0px，背景透明，将 innerhtml 设置为 ""onmouseout 并恢复 onmouseover 这适用于 chrome
c.) 这是互联网上最流行的答案，我知道这是行不通的，但我还是尝试了:将容器 div 设置为可见，然后为内部 div 设置 visibility visible 和 visibility hidden
d.) 将不透明度设置为 1/100 和 0 在 Chrome 中工作
e.) 不得已:我尝试制作一个透明的 gif 并让它在鼠标移出时显示 这也失败了
我没有尝试过 jquery 的 .hover，但我读到它可能无法正常工作。
我没有别的想法。请有人帮忙吗？
最佳答案
如果我做对了，您希望 div 元素在鼠标悬停时显示，并在鼠标未悬停时隐藏。如果是这样，您只能使用 html 和 css 来完成:
<head>
<style>
#outerDiv{width:100px;height:100px;background-color:blue;}
#innerDiv{width:100px;height:100px;background-color:red;display:none;}
#outerDiv:hover #innerDiv {display:block;}
</style>
</head>
<html>
<div id="outerDiv">
<div id="innerDiv">some text</div>
</div>
</html>
外层 div 总是可见的，当它悬停时显示内层。
关于javascript - 鼠标悬停显示div，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/8749245/