纯css实现漂亮又健壮的tooltip的方法

前言 tooltip的实现有多种方式,下面是一个tooltip成长史。 效果 原始版 最简单的莫过于就用原始title属性,像这样: <button title=tips>button</button> 缺点是体验是差了点,并且鼠标移上去,过一会儿才响应。 改进版 于是改进了下面这个版本 html部分 鼠标移动到这 提示文本 css部分 .btn { width: 100px; pos