Повторяющийся фон для сайта
Автор Alzamor задал вопрос в разделе Другие языки и технологии
подскажите как прописать в html что бы фон растягивался но не повторялся и получил лучший ответ
Ответ от Александр Ермилов[гуру]
Вот как раз этот вариант самый хреновый для растяжения.
Растянуть-то можно. с помощью
Но тут такая штука, если сделать 100% по высоте (или cover), то картинка по высоте влезет, а по ширине - может и не поместиться. А на ней текст с телефоном.
А для непропорционального масштабирования такая фотка не подходит.
Поэтому текст отдельно, а фото - отдельно. Тогда можно.
Кроссбраузерно:
.net/html/css3/background-size/ (пробел перед .net убрать) - правда там как раз нет варианта с cover для IE и auto 100%, но можно додумать.
А чтобы не повторялась - background-repeat: repeat; как уже сказали.
И не стоит такие вещи таблицей верстать. Это как раз создает проблемы в сложных случаях - когда нужно блоки, или тест растягивать по размерам ячеек, например.
Впрочем, таблицами вообще никогда не стоит верстать)
Да и вставлять такую здоровую картинку с помощью data:image тоже не айс. - Очень большой объем страницы и долгая загрузка. (впрочем, это другая картинка, но тоже не маленькая...)
такого не бывает, фон может повторятся, background:url(images/bg.png) repeat-x; background:url(images/bg.png) repeat-y; background:url(images/bg.png) repeat; background:url(images/bg.png) no-repeat; надеюсь понятно?
По умолчанию фоновое изображение прокручивается вместе с другими элементами страницы. background-attachment:fixed фиксирует фоновое изображение в заданной позиции. background-position: задает точные координаты фона по горизонтали и по ве