Html 为什么'；该图像精灵菜单是否正确显示，以及为什么'；链接不起作用吗？

代码进行了验证。在左侧菜单中，在思洛存储器的可见图像上方，应该还有两个图像。每一个都应该是一个链接

css is:外部样式表：

.menu {
position: relative;
float: left;
margin: 10px;
padding: 0;
width: 150px;
}
.menu li {
margin: 0;
padding: 0;
list-style: none;
position: absolute;
left: 0;
top: 260px;
}
.menu li, .menu a {
width: 150px;
height: 150px;
}

.menu {
    height: 450px;
}
.mirror {
    top: 0;
}
.mirror {
    background: url(http://www.briligg.com/images/menu-ag.png) 0 0;
}
.wormcan {
    top: 151px;
}
.wormcan {
    background: url(http://www.briligg.com/images/menu-ag.png) 0 -151px;
}
.wormsilo {
    top: 301px;
}
.wormsilo {
    background: url(http://www.briligg.com/images/menu-ag.png) 0 -301px;
}

内部样式表：

.menu {
position: relative;
float: left;
margin: 10px;
padding: 0;
width: 150px;
}
.menu li {
margin: 0;
padding: 0;
list-style: none;
position: absolute;
left: 0;
top: 260px;
}
.menu li, .menu a {
width: 150px;
height: 150px;
}

.menu {
    height: 450px;
}
.mirror {
    top: 0;
}
.mirror {
    background: url(http://www.briligg.com/images/menu-ag.png) 0 0;
}
.wormcan {
    top: 151px;
}
.wormcan {
    background: url(http://www.briligg.com/images/menu-ag.png) 0 -151px;
}
.wormsilo {
    top: 301px;
}
.wormsilo {
    background: url(http://www.briligg.com/images/menu-ag.png) 0 -301px;
}

html:

在内部样式表中，必须指定更好的样式。由于

.menu li

非常指定，因此它超出了

.wormcan

尝试内部样式表中的

.menu li.wormcan

---

尚未对此进行测试，但从快速查看来看，这似乎是问题所在。

哼哼-也许您应该尝试将链接（.menu a）设置为

display:block

，以使链接正常工作。否则链接将不会拉伸到使用指定的大小，链接是内联元素（如果我错了，请纠正我，不要测试它）。

@briligg，使用Firefox之类的工具，您可以轻松检查元素并查看css的添加顺序。我不确定我是否正确理解您的意思，但我将“.menu li”作为.mirror、.wormcan、，还有，wormsilo。当我这么做的时候，所有的图形都消失了。但这提醒了我，在一个类似的页面上，这些选择器是id的，而不是类。所以我试着用“镜子”、“虫子人”和“虫子人”。但是图形仍然是看不见的。如果有帮助的话，firebug错误控制台会说选择器是预期的。由于选择器错误，已忽略规则集。对于第63行，这是ul.Wait的结尾-我没有将html从class=更改为id=。呜呜声。图形现在显示正确，但链接不起作用。现在尝试dhhi的建议只能给出一个被接受的答案，尽管我需要你们两位的建议。我把它交给dhh是因为他的分数少了，我需要调整你的分数，让它对我有用。很抱歉对这就做到了，还有下面D.A.的建议。