圖片哈弗不工作 - 代碼有什麼問題？

Question

看起來好像我已經嘗試了所有我能想到的方法來讓這些圖像鏈接在懸停時更改圖像。現在只有主要的navprint.png出現了。就html和css而言，我是一個初學者，並且一直在爲這個問題掙扎數日。這是代碼。任何幫助將非常感激。

HTML

<li class="navprint"><a href="printcategory.html"><img src="Images/navprint.png"  alt="print button" title="print button"></a></li> 

CSS

.navprint { 
    width: 160px; 
    height: 30px; 
    background-image: url("Images/navprint.png"); 
} 

.navprint:hover { 
    background-image: url('Images/navprinthov.jpg'); 
    width: 160px; 
    height: 30px; 
} 

Answer 1

試試這個

<li class="navprint"> 
<a href="printcategory.html"> 
    <img src="Images/navprint.png" alt="print button" title="print button" /> 
</a> 
</li> 


.navprint { 
    width: 160px; 
    height: 30px; 
    background-image: url("Images/navprint.png"); 
} 

.navprint:hover { 
    background-image: url('Images/navprinthov.jpg'); 
}