使用css定位背景图像（多图像网格）

我有一个26x104像素的图像（垂直方向），包含4个徽标，每个都是26x26像素

我想用这4个标志作为4个超链接的背景。 所以我有这个：

HTML（这是我想要的序列）

出于某种原因，只有第一个出现，但在其他测试中，最后一个图标出现在第二个链接上……所以看起来我没有得到它背后的逻辑

我找了一些示例/教程，但找不到。 有人能帮我一下吗

---

解决方案：我把坐标放在负值中，它起作用了…

解决方案：我把坐标放在负值中，它起作用了…

你必须把这些值放在负值中：

---

删除

背景重复
attr。
<div class="rightfloat">
    <a class="facebook"></a>
    <a class="linkedin"></a>
    <a class="twitter"></a>
    <a class="mail"></a>
</div>

.facebook, .linkedin, .twitter, .mail {
    display: block;
    width: 26px;
    height: 26px;
    background-image: url('style/socialmedia.png');
    background-repeat: no-repeat;
}
.facebook {
    background-position: 0px 0px;
}
.linkedin {
    background-position: 0px -26px;
}
.twitter {
    background-position: 0px -52px;
}
.mail {
    background-position: 0px -78px;
}