基本上,我一直在努力融入这个“东西”(我不知道怎么称呼它)
我已经尝试搜索HTML弹出的东西,但结果不是我想要的。
例如,在Minecraft wiki中,当您将鼠标悬停在某个项目上时,会出现一个弹出窗口,显示项目名称等
那个弹出式的“东西”叫什么,这样我就可以在网上搜索如何添加它了?
它被称为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这是指向其代码的链接。