Html 在css中具有多个背景图像时的定位

我有一个图像，我曾在css中用作背景。我现在想要两张图片，一张接一张。想想看，之前我的网站有一个赞助商，现在有两个赞助商，所以，两个徽标

我可以通过谷歌搜索添加两张背景图片，但第二张图片的位置正好在第一张图片的上方。当我给出像素值时，它也会消失

这是到目前为止我的代码

.app-header-logo {
    background-image: url("../images/image1.png"),url("../images/image2.png");
    background-position: center center, 200px center;
    background-repeat: no-repeat;
    float: left;
    height: 50px;
    vertical-align: middle;
    width: 265px;
}

.app-header-logo a {
    float:left;
    width:190px;
    height:50px;
    text-indent:-999px;
}

---

如何将image2放在image1之后？

这可以通过使用CSS精灵来实现，通过精灵，您可以将多个图像合并到一个.png或.jpg文件中。有一个很好的方法可以帮助您将这些图像合并到一个文件中，要使用它们，您只需调用一个类，例如。赞助商-1将包含赞助商编号1图像的背景位置，此外，它会自动构建CSS，因此您不必担心为每个赞助商图像找到正确的背景位置。下面是一个如何使用它们的示例：

.sponsor-1, .sponsor-2{
    background: url(sprites.png) no-repeat;
}

.sponsor-1{
    background-position: 0 0;
    width: 80px;
    height: 50px;
}
.sponsor-2{
    background-position: -26px 0;
    width: 80px;
    height: 50px;
}

---

用Photoshop将它们组合在一起，制作一张图片lol@zgood你的帮助很大：你试过这个吗？选中此选项可能会有所帮助：，您需要设置第一幅图像的左侧位置+宽度