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

基本上，我一直在尝试合并这个“东西”（我不知道该怎么称呼它）我尝试过搜索 HTML 弹出窗口，但结果不是我想要的。例如，在 Minecraft wiki 中，当您将鼠标悬停在某个项目上时，会出现一个弹出窗口，显示项目名称等那个弹出的“东西”叫什么名字，以便我可以在网上搜索如何添加它？

查看完整描述

1 回答

阿晨1998

TA贡献2037条经验获得超6个赞

它被称为 CSS 工具提示，是“一种常见的图形用户界面元素，当鼠标悬停在某个项目上时显示为信息文本框。它与光标（通常是指针）结合使用。” 维基百科

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

.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>

<h1>Tooltip Example</h1>

<div class="tooltip">Hover over me

<span class="tooltiptext">Tooltip text</span>

</div>

</body>

</html>

反对回复 2023-09-21

热搜