猿问

当您将鼠标悬停在某物上时，弹出的东西是什么？

基本上，我一直在尝试合并这个“东西”（我不知道该怎么称呼它）

我尝试过搜索 HTML 弹出窗口，但结果不是我想要的。

例如，在 Minecraft wiki 中，当您将鼠标悬停在某个项目上时，会出现一个弹出窗口，显示项目名称等

那个弹出的“东西”叫什么名字，以便我可以在网上搜索如何添加它？


天涯尽头无女友
浏览 119回答 1
1回答

阿晨1998

它被称为 CSS 工具提示，是“一种常见的图形用户界面元素，当鼠标悬停在某个项目上时显示为信息文本框。它与光标（通常是指针）结合使用。” 维基百科您可以在这里看到工具提示效果：.tooltip {&nbsp; position: relative;&nbsp; display: inline-block;&nbsp; border-bottom: 1px dotted black;}.tooltip .tooltiptext {&nbsp; visibility: hidden;&nbsp; width: 120px;&nbsp; color: black;&nbsp; text-align: center;&nbsp; border-radius: 6px;&nbsp; padding: 5px 0;&nbsp; position: absolute;&nbsp; z-index: 1;&nbsp; border:3px solid black;&nbsp; bottom: 100%;&nbsp; left: 50%;&nbsp; margin-left: -60px;&nbsp; background-color:white;&nbsp; opacity: 0;&nbsp; transition: opacity 1s;}.tooltip:hover .tooltiptext {&nbsp; visibility: visible;&nbsp; opacity: 1;}<!DOCTYPE html><html><body style="text-align:center;"><h1>Tooltip Example</h1><div class="tooltip">Hover over me&nbsp; <span class="tooltiptext">Tooltip text</span></div></body></html>
0
随时随地看视频慕课网APP

相关分类

JavaScript
我要回答