Category: дизайн

Category was added automatically. Read all entries about "дизайн".

Растягиваем фоновую картинку в размер окна браузера. Кроссбраузерный background-size

Задача: В body (без других лишних блоков) растянуть фоновую картинку по ширине

Решение:
body {text-align: center; background: #ffffff url(../img/bgimage.png) no-repeat; background-size: 100%}
* This source code was highlighted with Source Code Highlighter.


background-size - это CSS3 - Масштабирует фоновое изображение согласно заданным размерам
http://htmlbook.ru/css/background-size

Полная статья:
http://alex.ermilov.net/html/css3/background-size/

А вообще, в большинстве случаев, растягивать картинку по ширине не есть гуд, есть правила хорошего тона (особенно будет полезно для дизайнеров):
http://design-mania.ru/web-design/html-css/css-large-background/