Jquery CSS精灵不工作

我在spirit图像中有10像素大小的图像，我想将该图像作为背景应用于此标题文本我的css代码：

.header-text {
    background:url(images/sp-images.jpg);
    background-position-x: -0px;
    background-position-y: -28px;
}

我的html代码：

<h1 class="header-text">let's Knockout Poverty in India!</h1>!

让我们消灭印度的贫困！！

---

CSS精灵不能在两个方向上平铺。如果垂直堆叠精灵，则可以水平平铺它们；如果将它们水平排列，则可以垂直平铺它们

---

查看您的图像，它似乎有四个图像在一个二乘二的网格中。这样设置，您将只能在非重复背景中使用这些精灵。

CSS精灵不能在两个方向上平铺。如果垂直堆叠精灵，则可以水平平铺它们；如果将它们水平排列，则可以垂直平铺它们

查看您的图像，它似乎有四个图像在一个二乘二的网格中。这样设置，您将只能在非重复背景中使用这些精灵。

据我所知

你应该写的是

.header-text {
background:url(images/sp-images.jpg) 0 -28px;

}

我不知道你想不想重复。默认行为是repeat。如果你想让它重复，那么你必须把剩下的图像移开…

据我所知

你应该写的是

.header-text {
background:url(images/sp-images.jpg) 0 -28px;

}

---

我不知道你想不想重复。默认行为是repeat。如果你想让它重复，那么你必须把剩下的图像移到一边…

不清楚，请澄清。“击倒”不是动词-你想要“让我们消灭印度的贫困！”不清楚，请澄清。“击倒”不是动词-你想要“让我们消灭印度的贫困！”如果他的所有背景图像都没有重复，那么他的设置肯定没有问题。我只是根据一个很小的图像来猜测，他称之为“那个红色阴影图像”。我可能错了。如果他的所有背景图像都没有重复，那么他的设置肯定没有问题。我只是根据一个很小的图像来猜测，他称之为“那个红色阴影图像”。我可能错了。

background-position-x

和

-y

在Chrome1及以上版本和Safari2及以上版本中也受支持。

background-position-x

和

-y

在Chrome1及以上版本和Safari2及以上版本中也受支持。