css悬停和immidiatily先例不工作

我想做一个可重用的工具提示。图像后面的跨度没有显示，当您检查时，跨度必须出现。但是不行。有人有想法吗？跨度永远保持不显示。css悬停和immidiatily先例不工作

HTML代码

<div> 
    <div>Sharing</div> 
    <img class="info-tooltip" src="system-help.png" alt="Info"> 
    <span>sdfmhdsjlfhsdljkqhfjkldsqfhljkqdshflsqd</span> 
</div>

CCS代码

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

来源

2012-12-21 Robin D.

这是为我工作：HTTP：// jsfiddle.net/aq8gA/你的问题到底是什么？ –

'z-index：100040000;'wat。 – BoltClock

你应该尝试用div标签包围你的形象：

<div class="info-tooltip"><img src="system-help.png" alt="Info"></div>

来源

2012-12-21 10:59:04 n0n0bstan

css悬停和immidiatily先例不工作

回答

相关问题