如果#color 而不是图像，则背景位置不起作用答案

【问题标题】：background-position not working if #color instead of image如果#color 而不是图像，则背景位置不起作用
【发布时间】：2011-08-17 10:10:42
【问题描述】：

background:transparent url(../img/fondo_footer.png) repeat-x scroll;
background-position: 0px 140px;

这样背景垂直移动

background:#01244e;
background-position: 0px 140px;

这样，不是

我该如何解决这个问题？

【问题讨论】：

【解决方案1】：

background-position 仅适用于根据http://www.w3.org/TR/CSS2/colors.html 的图像

因此，如果您提供颜色值，它将应用于整个元素。

【讨论】：

所以我唯一的机会就是用那种颜色制作图像？
我假设你想要一些渐变背景。在这种情况下，看看它是如何处理 jQuery UI 的。他们使用背景（垂直或水平）线的小样本来显示渐变。然后他们改变允许在渐变上移动的 bg 位置。

【解决方案2】：

这没有意义。由于您正在设置背景颜色，因此您设置的位置无关紧要，因为到处都是相同的颜色。如果您设置图像，那么位置意味着您要显示图像的哪一部分。

【讨论】：