導航圖像鏈接不工作

Question

這應該很簡單，但我不明白爲什麼這個圖像鏈接不起作用？當我將鼠標懸停在圖片上時，好像沒有可點擊的鏈接，但它在那裏......請參閱下面的代碼。

.researchnav { 
display: block; 
background: url(../images/research.png); 
background-repeat: no-repeat; 
width: 457px; 
height: 38px; 
margin-left: 370px; 
text-indent: -9999px; 

}

.researchnav:hover { 
display: block; 
background: url(../images/research_over.png); 
background-repeat: no-repeat; 
width: 457px; 
height: 38px; 
margin-left: 370px; 

}

<ul id="nav"> 
    <li class="researchnav"><a href="research.html">Research</a></li> 
</ul> 

Answer 1

嘗試應用樣式的一個代替李。

<a class="researchnav" href="research.html">Research</a>