图像悬停不起作用 - 代码出了什么问题？

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');
}