按钮悬停图像在CSS中不起作用

Question

在我的CSS中，我使用不同的图像作为悬停状态按钮但是当我将鼠标悬停在图像上时，没有任何变化。你能帮忙找到解决办法吗？

.button {
background-image:url('/images/search.png');
width:73px;
height:23px;
background-repeat:no-repeat;
cursor:pointer;
border:none;
}

.button:hover {
background-image:url('/images/search_active.png');
background-repeat:no-repeat;
cursor:pointer;
border:none;
}

Answer 1

确保您的图片位于'./images/search_active.png'中，这是一条正确的道路。