提问者:小点点

当你在某物上悬停时弹出的东西是什么?[副本]


基本上,我一直在努力融入这个“东西”(我不知道怎么称呼它)

我已经尝试搜索HTML弹出的东西,但结果不是我想要的。

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

那个弹出式的“东西”叫什么,这样我就可以在网上搜索如何添加它了?


共2个答案

匿名用户

它被称为CSS工具提示,是“一个常见的图形用户界面元素,当悬停在一个项目上时显示为信息文本框。它与光标(通常是指针)一起使用。”Wikipedia

您可以在这里看到工具提示效果:

null

.tooltip {
  position: relative;
  display: inline-block;
  border-bottom: 1px dotted black;
}

.tooltip .tooltiptext {
  visibility: hidden;
  width: 120px;
  color: black;
  text-align: center;
  border-radius: 6px;
  padding: 5px 0;
  position: absolute;
  z-index: 1;
  border:3px solid black;
  bottom: 100%;
  left: 50%;
  margin-left: -60px;
  background-color:white;
  opacity: 0;
  transition: opacity 1s;
}

.tooltip:hover .tooltiptext {
  visibility: visible;
  opacity: 1;
}
<!DOCTYPE html>
<html>

<body style="text-align:center;">

<h1>Tooltip Example</h1>
<div class="tooltip">Hover over me
  <span class="tooltiptext">Tooltip text</span>
</div>

</body>
</html>

匿名用户

我想你要找的是悬停文本/工具提示功能。https://www.w3schools.com/css/tryit.asp?filename=trycss_tooltip这是指向其代码的链接。