在编写HTML时,使用a标签的title属性浏览器会默认地实现Tooltip的功能。
<a href="" title="Example of Tooltip">Tooltip</a>
该代码的效果: Tooltip
这样的实现存在两个问题:
- title里的内容显示有延迟(不同的浏览器延迟时间不同)
- title的内容无法风格化(确切的说,要自定义风格也是可以的,使用css和js)
我主要是为了解决第一个问题才选择使用纯CSS来实现Tooltip效果。
<a href="#" >鼠标悬浮显示tooltip