一般的tooltip,使用超链接的title,或者是css+javascript生成。
如果页面布局合理,样式结构清晰,可以使用纯CSS的提示。
demo如下:
a.tooltip { position: relative; } a.tooltip span { display: none; } a.tooltip:hover span { display: block; position: absolute; top: 1em; left: 6px; padding:3px 3px; border:1px solid #ad7d7d; background-color:#ffff66; color:#000; } <div> <a href="http://www.w3cplus.com/blog/tags/302.html" class="tooltip">SASS<span> SASS是一种CSS的开发工具,提供了许多便利的写法,大大节省了设计者的时间,使得CSS的开发,变得简单和可维护。</span> </a> </div>