我想制作一个可重复使用的工具提示。图像后面的跨度没有显示,当你越过它时,跨度必须出现。但这是行不通的。有人有想法吗?跨度永远显示为无。
HTML代码
<div>
<div>Sharing</div>
<img class="info-tooltip" src="system-help.png" alt="Info">
<span>sdfmhdsjlfhsdljkqhfjkldsqfhljkqdshflsqd</span>
</div>
抄送代码
.info-tooltip + span{
display: none;
}
.info-tooltip:hover + span{
display:block;
position:absolute;
width: 105px;
line-height:8px;
top:10px;
left:15px;
background-color: #E9F2FF;
padding:5px;
font-size:10px;
color:#444444;
text-decoration:none;
font-family:Verdana, Arial, Helvetica, sans-serif;
z-index:100040000;
}
最佳答案
你应该尝试用 div 标签包围你的图像:
<div class="info-tooltip"><img src="system-help.png" alt="Info"></div>
关于css hover 和 immidiatily 先例不起作用,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/13988582/