按钮悬停图像不工作在CSS

在我的CSS我悬停状态按钮使用不同的图像，但是当我将鼠标悬停在图像上时，没有任何更改。你能帮忙找到解决办法吗？按钮悬停图像不工作在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; 
}

来源

2013-04-21 Rocket Singh

也许在你的绝对路径中存在一个绝妙之处。尝试使用'images /'，或者如果它在父文件夹中进入图像'../ images /'。 – 2013-04-21 01:52:38

@ Rocket-Singh您是否在文件的开始处指定了！DOCTYPE，以及您使用的是哪种浏览器？ – itsols 2013-04-21 01:54:20

我只是仔细检查路径名称是否正常。这只是悬停状态图像没有显示。谢谢 – 2013-04-21 01:55:02

确保您的图像位于'./images/search_active.png'中，并且它是正确的路径。

来源

2013-04-21 01:59:21

按钮悬停图像不工作在CSS

回答

相关问题