css - 网站上线时，鼠标悬停在图像上不会出现

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，这可能是一个问题与文件(或目录)名称的大小写。