有没有办法在css sprite工作中重复特定的像素

Question

看到两个渐变都在重复的图像，我想只重复橙色渐变。我的css代码：#header{background: url(images/background-spirit.png) repeat-x 0px -20px ;height: 50px;}

Answer 1

都能跟得上..

无法仅重复部分背景图片。

您必须创建两个不同的图像..

---

如果您绝对使用精灵，就像您发布的精灵一样，您可以使用{{1} 拉伸 背景但是你没有很好的控制..

例如，以下内容将拉伸图像以至于它将填充500px框

background-size

演示http://jsfiddle.net/gaby/V62j6/

（但对于您的用例，您应该创建两个不同的图像）

Answer 2

如果你的背景只是使用了repeat-x并且有一个固定的高度，那么你可以把蓝色渐变放在橙色的下面吗？

示例：http://jsfiddle.net/bZ7W5/

Answer 3

如果您只想要橙色，请编辑图像并删除蓝色：