创建一个工具提示,当用户使用CSS将鼠标移到元素上时显示
您可以尝试运行以下代码来创建工具提示,将鼠标悬停时可见。使用可见性属性
示例
<!DOCTYPE html>
<html>
<style>
#mytooltip #mytext {
visibility: hidden;
width: 100px;
background-color: black;
color: #fff;
text-align: center;
border-radius: 3px;
padding: 10px 0;
position: absolute;
z-index: 1;
}
#mytooltip:hover #mytext {
visibility: visible;
}
</style>
<body>
<div id = "mytooltip">Hover the mouse over me
<p id = "mytext">My Tooltip text</p>
</div>
</body>
</html>热门推荐
10 老婆生日祝福语短句简短
11 五十二新年祝福语简短
12 上级买车祝福语大全简短
13 送水杯祝福语女生简短
14 60岁长辈祝福语简短
15 鱼的内涵简短祝福语
16 春节拜年祝福语儿童简短
17 简短有内涵的祝福语
18 生日祝福语舅舅 简短独特