將鼠標懸停在圖片上不會在網站生效時出現

Question

因此，在我的計算機上使用本地網站時，鼠標懸停在圖片上的效果非常完美。但是，當我將該網站放在服務器上時，圖像不會出現。

我指的是與灰色背景圖像的鏈接。我已經提供了專門用於聯繫我們鏈接的CSS。

http://bankruptcyimmigrationlaw.com/NEWSTARTLAW/Home.html

... 

#Contact_us li:first-child a { 
padding:9px 5px 15px 30px; 
margin-top:25px; 
background-image:url(../images/DefaultNavBg.png); 
background-position:-30px -15px; 
background-repeat:no-repeat; 
height:76px; 
width:350px; 
border-bottom:none; 
text-decoration:none; 
} 

#Contact_us li:first-child a:hover { 
padding:9px 5px 0px 15px; 
margin-top:25px; 
background-image:url(../images/CurrentNavBg.png); 
background-position:-30px -15px; 
background-repeat:no-repeat; 
height:76px; 
width:350px; 
border-bottom:none; 
cursor:pointer; 
text-decoration:none; 
} 

Answer 1

看來，你的圖片是不是你覺得是，我得到404這可能是因爲你沒有把它上傳，或者如果您在Windows和測試部署到* Nix可能是文件（或目錄）名稱的問題。

Answer 2

你沒有將圖像發送到服務器：

http://bankruptcyimmigrationlaw.com/NEWSTARTLAW/images/CurrentNavBg.png

返回404

提示：使用webrowser與inspector一些王 - 爲例Chrome與內置的檢查或Firefox + Firebug是每個網站管理員，網站設計師，webdesigner等的最好的朋友。

E dit

嘗試在所有文件名和路徑中避免CaseMixing。這是錯誤和錯誤的原因，所以使用小寫的相同變體肯定更好。使用hypens

我最喜歡的符號is_lower_case_underscored.jpg，

是其他推薦的方式，但是創造的JavaScript文件名時的連字符可以被誤認爲是minus operator它可以是錯誤的原因。