将css背景对齐

-1

我想将div背景更改为右侧将css背景对齐

我有一些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/

来源

2013-11-15 OceanOne

'我想将div背景更改为右侧，您知道这不是很容易理解吗？ –

@ RokoC.Bulijan我只是编辑它，因为你发布了... –

我想在不改变bg1和bg2背景位置的情况下将背景移动到右侧，现在它在左侧显示背景，但是我想显示它右侧。当我向主类添加背景位置时，bg1和bg2不显示选定的位置并在外部显示。希望你能理解！ – OceanOne

随着background-position你可以做的声明，如：

background-position: center right;

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

编辑

看你捣鼓后，我来到了这个解决方案：http://jsfiddle.net/SkL43/11/

您需要更改background-position的第一个值把它带到只是向右：

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

来源

2013-11-15 15:46:43 DaniP

他已经这样做了，他说他想要将背景转移到正确的*没有*更改原始背景位置属性...我认为...这个问题有点难以理解。 –

他说不要改变x，y的位置，我猜他指的是固定值 – DaniP

添加position:relative和right:0px;到什么都div的图像是

来源

2013-11-15 15:44:37 SaturnsEye

它不会将背景移到右侧！ – OceanOne

可以yoyu创建你的代码的小提琴请因为我认为你的问题有点混淆 – SaturnsEye

http://jsfiddle.net/SkL43/ – OceanOne

这听起来像你可能会试图保持你的形象从右侧偏移。如果是这样，您可以使用four-value syntax进行背景定位，也可以使用css calc() function。

来源

2014-02-15 23:40:21 Brian

将css背景对齐

回答

相关问题