股利懸停改變時的div懸停頂部

Question

直播鏈接點擊這裏 http://soloveich.com/pr1-1/

出於某種原因，DIV懸停改變，只有當鼠標越過一部分，這是灰色的內容背景之上。 當徘徊在較低的兼職沒有什麼變化

<li><a class="ml" href="http://soloveich.com/pr1-1/?page_id=66"><div class="tabs1"><div id="t1"> 
    </div></div> 
    </a></li> 

CSS代碼

#t1 { 
height: 519px; 
width: 271px; 
background-image: url(images/t1.png); 
background-repeat: no-repeat; 
} 
#t1:hover { 
background-image: url(images/t1r.png); 
} 

並沒有把所有的4人在這裏，因爲它是完全一樣的

Answer 1

#cnt1元素是在divs，並阻止懸停動作。 你必須使用z-index和定位...兩個聲望較低的評論，sry :)。

UPDATE 對不起，現在我不確定。但是您應該嘗試運行tFirefox，右鍵單擊該div，運行檢查元素，然後單擊3D視圖圖標（右上角）。那麼一切都應該澄清。

確定我知道 您必須將懸停效果應用於整個事物的第一個孩子。 Div在裏面，裏面在裏面。所以li:hover是我想的答案。背景也應該應用於li元素。希望能幫助到你。