将鼠标悬停在图片上不会在网站生效时出现

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它可以是错误的原因。