Версия для печати темы
Нажмите сюда для просмотра этой темы в оригинальном формате
Форум программистов > Вёрстка веб-сайтов > фон на всю страницу


Автор: 4epT 26.8.2010, 09:14
Добрый день! Разрабатываю дизайн для сайта, нужно сделать красивый фон ...
Нашел пару красивых фоновых картинок, как сделать так что бы растянуть картинку на весь монитор (желательно для body), зафиксировать (чтобы при прокрутке сайта она просто оставалась на месте) ?

Я пробовал вот таким образом (пишу по памяти могут быть ошибки):

Код

background: url("xxx");
background-repeat: no-repaet;
bacground-attachment: fixed;
background-size: 100%;


для chrome все прекрасно работает, для ie, мозилы и оперы: background-size: 100%; не работает ...
нашел еще несколько вариантов background-size для мозилы и оперы, для мозилы заработало а вот для ie и оперы так и не вышло =(

И еще нужно что бы работало для всех мониторов.

как это вообще делается ?

Спасибо!

Автор: bars80080 26.8.2010, 15:06
растяжение фона ещё недавно официально не работало для всех. сейчас потихоньку под влиянием html5 (или чего-то ещё) внедряется, но ждать возможно придётся долго.
традиционный метод - картинку вставляют тегом img, и растягивают на весь экран. там 100% работает и для щирины, и для высоты. а контент на фоне размещается на слое position: absolute, и отпозиционированный в левый верхний угол

Powered by Invision Power Board (http://www.invisionboard.com)
© Invision Power Services (http://www.invisionpower.com)