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

Posted 2023-05-08

【中文标题】按钮悬停图像在 CSS 中不起作用

【英文标题】：Button hover image not working in CSS

【发布时间】：2013-04-14 04:17:21

【问题描述】：

在我的 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/，或者如果它位于父文件夹中，则进入图像../images/。

@Rocket-Singh 您是否在文件开头指定了 !DOCTYPE 以及您使用的是什么浏览器？

我只是仔细检查了路径名就可以了。只有悬停状态图像不会显示。谢谢

不知道如何，但没有改变它已经开始工作的任何东西。谢谢

@RocketSingh 与上面显示的代码相比，您确定您没有更改任何内容吗？

【参考方案1】：

确保您的图片位于“./images/search_active.png”中且路径正确。