【问题标题】:Button hover image not working in CSS按钮悬停图像在 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 与上面显示的代码相比,您确定您没有更改任何内容吗?

标签: css image button hover


【解决方案1】:

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

【讨论】:

    猜你喜欢
    • 2011-09-19
    • 2019-11-08
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2011-08-23
    • 1970-01-01
    相关资源
    最近更新 更多