Html 图像精灵将不显示

我似乎无法显示图像精灵。有人能看一下代码并告诉我它是否正确吗？我已经检查了代码，似乎不知道出了什么问题

CSS

#nav-footer 
{ background:url(./_img//Footersprite.png) repeat-y;     
     width: 490px;
    height: 40px;
    margin: 0;
    padding: 0;
}

#nav-footer li, #nav-footer a {
    height: 40px;
    display: block;
}

#nav-footer li {
    float: left;
    list-style: none;
    display: inline;
}

#whyroofrepair a:hover { background:url("/_img/Footersprite.png") 0px -40px no-repeat; }
#savings a:hover { background:url("/_img/Footersprite.png") -98px -40px no-repeat; }
#enviromental a:hover { background:url("/_img/Footersprite.png") -229px -40px no-repeat; }
#advantage a:hover { background:url("/_img/Footersprite.png") -352px -40px no-repeat; }

#whyroofrepair { width: 55px; }
#savings { width: 55px; }
#enviromental { width: 55px; }
#advantage { width: 55px; }

HTML

<ul id="nav-footer">
<li id="whyroofrepair"><a href="/why-roof-repair.html">Why Repair</a></li>
<li id="savings"><a href="/savings.html">Savings</a></li>
<li id="environmental"><a href="/environmental-benefits.html">Environmental Benefits</a></li>
<li id="advantage"><a href="/roof-rx-advantage.html" class="advantage">Roof Rx Advantage</a></li>

大宗报价

我用jsfiddle测试了这个

---

有人能看一下吗？

首先，将/\u img//Footersprite.png更改为。/\u img/Footersprite.png

如果这不能解决问题，请执行以下操作：

如果您的\u img文件夹包含精灵：

生活在css文件旁边，那么你的图像路径应该是 \u img/foo.jpg

就在css文件的父文件夹之外，然后是您的图像 路径应该类似于。/\u img/foo.jpg

生活在项目的根目录中，那么您的映像路径应该是 比如/\u img/foo.jpg

---

EmileKumfa-我添加了其他信息。请参阅原始帖子

EmileKumfa-不幸的是，这些都不起作用。我甚至把css和精灵放在图片文件夹里。你的网站文件夹结构是什么样子的，你能写一个基本的框架吗？