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先例不工作

回答

相關問題