没有jQuery的纯CSS工具提示[重复]-PureCSStooltipwithoutjQuery[duplicate]

5  

You can do it with pure css

你可以用纯css来做

You can use the hover pseudo class to trigger it.

您可以使用悬浮伪类来触发它。

Here is a general concept that should get you started

这里有一个基本的概念可以让你开始

div.profile-on-hover { display: none }
a:hover + .profile-on-hover { display: block }

hover me
bunch of stuff

http://jsfiddle.net/AsKpv/

http://jsfiddle.net/AsKpv/

the div will need to follow the a tag for the '+' to work with CSS

div需要跟随“+”的a标签来使用CSS

if you want to make it snazzy you could use opacity: 0 and opacity:1 with a css3 transition to make it fade in as well.

如果你想让它更时髦，你可以使用不透明度:0和不透明度:1与css3过渡，使它也淡出。

good luck

祝你好运