super simple css tooltips

超级简单的CSS工具提示

轻松地将工具提示悬停在元素中。工具提示悬停可以放在元素的左，右或底部。第二个底部选项包括指针。

CSS课程

• tooltip--left
• tooltip--right
• tooltip--bottom
• tooltip--triangle

用法

CSS获取具有tooltip--*类，并在元素上使用data-tooltip属性来提供工具提示文本。

[ class ^= "tooltip" ] {
  ...
  content : attr ( data-tooltip );
  ...
}

 < img href =" /img/info.svg " class =" tooltip--left " data-tooltip =" This is the text displayed " >

支持

当前版本的Chrome，Firefox，Safari，Edge和IE10+。