html - Image Hovers无法正常工作-代码有什么问题？

好像我已经尽力想尽一切办法让这些图像链接在悬停时更改图像。现在，仅显示主要的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;
}

最佳答案

试试这个

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

关于html - Image Hovers无法正常工作-代码有什么问题？，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/14229248/