Jas*_*eet 4 html javascript css css3
可能重复:
如何使用纯CSS创建"工具提示尾部"？
我想创建一个Facebook/Twitter风格的工具提示(当你将鼠标悬停在人们的个人资料上并且有他们的个人资料的简短摘要时).我遇到了很多教程,但他们使用jQuery.有没有办法做到这一点是CSS,也许是javascript？
+我也喜欢这个也适用于图像.
谢谢
小智 7
你可以用纯css做到这一点
您可以使用悬停伪类来触发它.
这是一个应该让您入门的一般概念
div.profile-on-hover { display: none }
a:hover + .profile-on-hover { display: block }
<a>hover me</a>
<div class="profile-on-hover">bunch of stuff</div>
div需要使用'+'的标签来处理CSS
如果你想让它变得时髦你可以使用不透明度:0和不透明度:1和css3过渡使它也淡入.
祝好运