2013-11-15 7 views
-1

Я хочу изменить div фона в правой частиalign css background right

У меня есть класс css использует background-position: x, y.

устанавливаемого сотовый код:

.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/

+1

'Я хочу изменить фон div в нужную сторону ', вы знаете, это не так понятно? –

+0

@ RokoC.Bulijan Я только что отредактировал его, когда вы разместили его ... –

+0

Я хочу сдвинуть фон вправо, не меняя положения фона bg1 и bg2, теперь он отображает фон с левой стороны, но я хочу показать его на правые стороны. когда я добавляю фоновое положение вправо к основному классу, bg1 и bg2 не отображают выбранную позицию и не отображаются на экране. надеюсь ты понимаешь! – OceanOne

ответ

1

С background-position вы можете сделать заявление, как:

background-position: center right; 

Здесь первых значения по горизонтали и второй Вертикальная.

Редактировать

После видеть вас скрипку я пришел к этому решению: http://jsfiddle.net/SkL43/11/

Вам необходимо изменить первое значение background-position принять его только направо:

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

Он уже сделал это, он говорит, что хочет сдвинуть фон вправо * без * изменение исходного свойства фона ... Я думаю ...вопрос немного трудно понять. –

+0

Он говорит, что не меняет положение x, y, я думаю, он ссылается на фиксированные значения – DaniP

0

добавить position:relative и right:0px; к тому, что когда-либо Диво вашему изображению в

+0

это не смещение фона в правую сторону! – OceanOne

+0

может yoyu создать скрипку вашего кода, пожалуйста, потому что я думаю, что ваш вопрос был немного запутанным. – SaturnsEye

+0

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

0

Звучит так, как будто вы пытаетесь сохранить смещение изображения с правой стороны. Если это так, вы можете сделать это, используя four-value syntax для фонового позиционирования, или вы можете использовать css calc() function.