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

按钮悬停图像在CSS中不起作用,css,image,button,hover,Css,Image,Button,Hover,在我的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_a

在我的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;
}

确保您的图像位于“./images/search\u active.png”中,并且路径正确。

您的绝对路径可能有异常。尝试使用
images/
,或者如果它位于父文件夹中,则进入image
。/images/
@rocketsingh您是否已指定了!在文件开头键入DOCTYPE,您使用的浏览器是什么?我只需重新检查路径名即可。只有悬停状态图像无法显示。谢谢,我不知道该怎么做,但在不改变任何东西的情况下,它已经开始工作了。Thanks@RocketSingh与上面显示的代码相比,您确定没有更改任何内容吗?