将css背景对齐到右边

Question

我想将div背景更改为右侧

我有一些css类使用background-position：x，y。

css代码：

.menu, .bg1, .bg2 {
    background-image:url(bg.png);
    background-repeat: no-repeat;
    padding-left: 50px;
}
.bg1 {
    background-position: 0px 5px;
}
.bg2 {
    background-position: 0px 15px;
}

我想在右侧显示填充和背景！

padding-right: 50px;

如何将背景位置移动到右侧而无需更改x，y位置，只需将其对齐到右侧？

jsfiddle：http://jsfiddle.net/SkL43/

Answer 1

使用background-position，您可以执行以下声明：

background-position: center right;

这里的第一个值是水平和第二个垂直。

修改

看到你后小提琴我来到这个解决方案： http://jsfiddle.net/SkL43/11/

您需要更改background-position的第一个值才能将其带到右侧：

.bg1 {
  background-position: 100% 0px;
}

Answer 2

将position:relative和right:0px;添加到您的图片所在的位置

Answer 3

听起来您可能正试图让图像偏离右侧。如果是这样，您可以使用four-value syntax进行背景定位，也可以使用css calc() function。