CSS: background-position: ???;

Question

Надеюсь, эти диаграммы объясняют, что я после. Красный означает фон, а серый - веб-страницу.

Неправильно

правый

Как мне этого добиться? Я пытался background-position: bottom right;, но это просто неправильно.

Answer 1

отлично работает у меня:

body
{ 
background-image:url('smiley.gif');
background-repeat:no-repeat;
background-attachment:fixed;
background-position:bottom right; 
}

И если изображение достаточно большое, повторение не требуется. (Работает даже в IE6).

Answer 2

background-position: right bottom; 

должен сделать трюк.

Ссылка: Свойство background-position CSS

xpos ypos - первое значение является горизонтальным положением, а второе значение является вертикальным. Верхний левый угол равен 0 0. Единицы могут быть пикселями (0px 0px) или любыми другими единицами CSS. Если указать только одно значение, другое значение будет 50%. Вы можете смешивать% и позиции

Answer 3

background-position: bottom right действительно должен делать то, что вы описываете.

Если вы хотите, чтобы изображение прилипало к правому нижнему углу области просмотра , а не к документу, вам нужно будет добавить background-attachment: fixed. В IE есть проблемы с этим, но при использовании на основном теле / ​​html фоне это нормально.

Answer 4

может быть, вы забыли

background-position: absolute