Html 将鼠标悬停在图像/链接/另一个DIV上后,如何显示DIV?

Html 将鼠标悬停在图像/链接/另一个DIV上后,如何显示DIV?,html,css,Html,Css,我以前做过这件事,但遗憾的是我忘记了。我是用简单的CSS实现的,所以不应该使用javascript或jquery。我只想让A显示,让B在你悬停在A上时显示 此外,如果可以,在演示如何执行上述操作后,您还可以演示如何在隐藏div上使用滑动动画吗?所以当你在A上盘旋时,B滑入 这里有一些纯CSS在IE 6中不起作用。它包括将容器#outer包装在链接和框周围(#工具提示)。当然,在实际应用程序中,您可能希望使用绝对定位来定位长方体 #tooltip { display: none; } #

我以前做过这件事,但遗憾的是我忘记了。我是用简单的CSS实现的,所以不应该使用javascript或jquery。我只想让A显示,让B在你悬停在A上时显示


此外,如果可以,在演示如何执行上述操作后,您还可以演示如何在隐藏div上使用滑动动画吗?所以当你在A上盘旋时,B滑入

这里有一些纯CSS在IE 6中不起作用。它包括将容器
#outer
包装在链接和框周围(
#工具提示
)。当然,在实际应用程序中,您可能希望使用绝对定位来定位长方体

#tooltip {
    display: none;
}

#outer:hover #tooltip {
    display: block;
}
还有HTML():


你好,世界!

对于动画,您最好使用jQuery或其他JS库,因为浏览器对CSS3动画的支持目前相当差。

.hi{display:None;}a:hi{display:visible;}或类似的东西。您的HTML是什么样子的?如果你想要动画,这里有CSS3转换,只有IE9和现代版本的Firefox和Safari支持,所以你最好使用JS。谢谢你的魅力!你能告诉我添加动画的方向吗?谢谢嘿,如果不麻烦的话,你能看看我的新问题吗?
<div id="outer">
    <img src="http://www.google.com/images/logos/ps_logo2.png">
    <div id="tooltip">Hello, world!</div>
</div>