你可能会说
鼠标放上去显示一行说明，别占地方
鼠标放上去才冒出来的那行小字补充说明
看一眼它长什么样
上面这些交互全部由 CSS 完成，没有加载任何脚本 —— 和真实产品里的组件是同一个道理。
大白话解释
你有没有注意过，把鼠标停在某个按钮或者小图标上面不动，过一两秒旁边会悄悄冒出一小块深底浅字？那行小字就是文字提示。
它像贴在物品背面的小标签，平时藏着不占地方，只有你凑近看了才亮出来。设计它的目的很简单：界面上地方就那么点大，写不下长句子，但又怕你猜不出那个图标是干嘛的。
名字虽然叫提示，重点其实在补。它补的是那种一眼看不明白、又不值得专门写一整屏解释的信息，比如一个齿轮图标到底是设置还是刷新。
什么时候会遇到
- 看设计稿时，发现某个图标旁边被标注了悬停显示说明文字。
- 自己做的页面里图标按钮被同事吐槽看不懂，让你加个说明。
- 改需求时产品经理说这行说明太长了，挪到悬停提示里。
- 手机上发现这个提示怎么也点不出来，因为触屏上根本没有悬停这回事。
- 跟 Agent 描述界面时说那个鼠标移上去才出现的小气泡，对方听不懂。
可以直接对 Agent 说
「给顶部工具栏那三个只有图标的按钮各加一条悬停提示，鼠标停上去一秒后再出现，文字分别是新建、导出、删除。」
「这个提示现在是深色背景浅色小字，改成圆角浅灰底，出现和消失都带一点淡入淡出，别硬生生的。」
「我发现在手机浏览器上这个悬停提示完全不出现，帮我改成点一下图标也能弹出说明，同时不挡住旁边的按钮。」
正文里带下划线的词，是本站其它词条的入口；这一篇自动链了 1 个相关术语。
最容易想岔的地方
常见的错误理解： 图标按钮不写提示也没关系，反正一看图标就懂
更准确的理解： 提示是图标按钮唯一的信息出口。只有图标没有文字，屏幕阅读器只会念出「按钮」，用户完全不知道点下去会发生什么
常见的错误理解： 提示里写得越详细越好，能塞多少塞多少
更准确的理解： 提示是鼠标划过时一闪而过的东西，超过一行就没人读了。真要解释三步以上，该用弹窗或者帮助页，不是提示
测一下：真遇到了你会怎么处理
单选 · 选完立刻看解释
工具栏上有个只有图标、看不出含义的按钮，鼠标悬停时会浮出一行小字。
这行小字是什么？
-
悬停即出、移开即消失，不打断当前操作，所以只能放「锦上添花」的解释。
-
弹窗会遮住页面并强制交互；这个不打断任何东西，性质完全不同。
-
通知是系统主动推给你的，Tooltip 是你主动去够才出现的，方向正好相反。
题目只考「这个场景下的第一反应」，不考名词背诵 —— 文字提示的定义在上面已经讲过了。