Дизайн, который «выдвигается» из левой части браузера при увеличении размера браузера?

Question

Я пытаюсь создать блог. Я хотел бы создать дизайн, который по существу выдвигает большую часть изображения, когда вы перетаскиваете дескриптор браузера вправо, и перемещается в определенную точку при перетаскивании дескриптора браузера влево. Как вы делаете это в CSS ??

EDIT: Я думаю, вы могли бы использовать float: right, width: 100%, overflow: hidden, комбинации или что-то еще.

Спасибо! Мэтт Мюллер

Answer 1

Хорошо. Я знал, что что-то упустил. Может быть, я просто недостаточно хорошо объяснил вопрос ... в любом случае ... Это то, что я сделал.

#header {
background('header.png') top right repeat-x
width: 100%;
}

Теперь, пока я убедился, что фон повторяется, я буду в хорошей форме.

Answer 2

Вы должны подключить событие onresize для объекта окна, используя JavaScript.

window.onresize

Обработчик события для события resize на окне.

Answer 3

Вам нужно будет использовать JavaScript. Вы имеете в виду дескриптор браузера, как на полосе прокрутки?

Это также может быть плохой идеей, если учесть, какая часть сети доступна сегодня на портативных системах. Кроме того, производительность может снизиться, если большое изображение перемещается при изменении размера.