將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背景對齊

回答

相關問題