【发布时间】: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 与上面显示的代码相比,您确定您没有更改任何内容吗?