按鈕懸停圖像不工作在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

回答

相關問題