導航圖像鏈接不工作

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

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

來源

2011-09-09 davidz

我想通了！在CSS中它應該是.researchnav a :) – davidz

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

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

來源

2011-09-09 14:21:12 Evernoob

你好，我試過，但不幸的是，這也不起作用。謝謝。 – davidz

導航圖像鏈接不工作

回答

相關問題