Question

Поменяла картинку фона на этом сайте http://kafe-kosmos.at.ua/, но к примеру если на странице добавлен текст, появляется прокрутка вниз и фото, которое стоит на фоне как бы делится на двое....то есть одно фото заканчивается, прокручиваем вниз и там как идет следущее фото...в общем как сделать чтобы не было этой прокрутки и чтобы фон не делился на двое а растягивался вместе с текстом ?

Answer 1

Это не возможно, так ка фото(фон) имеет тоже свой размер по высоте, здесь либо не будет повтора либо фото будет растягиваться вниз до неузноваемой картинки... вам как?

Comments

мне нужно чтобы он растягивался

---

Оптимально будет, сделать так...

body {
background: url("http://kafe-kosmos.at.ua/1234.jpg") 50% 50%/cover no-repeat fixed #A58763;
margin: 0px;
padding: 0px;
}

---

cпасибо, отлично ))

Answer 2

body {
    background: url(ссылка на фон) no-repeat;
    -moz-background-size: 100%; /* Firefox 3.6+ */
    -webkit-background-size: 100%; /* Safari 3.1+ и Chrome 4.0+ */
    -o-background-size: 100%; /* Opera 9.6+ */
    background-size: 100%; /* Современные браузеры */
   }

Comments

ничего не поняла...

---

Вставляете в css.
Панель управления-таблицы стилей
там в body вставляете

 background: url(http://kafe-kosmos.at.ua/1234.jpg) no-repeat;
    -moz-background-size: 100%; /* Firefox 3.6+ */
    -webkit-background-size: 100%; /* Safari 3.1+ и Chrome 4.0+ */
    -o-background-size: 100%; /* Opera 9.6+ */
    background-size: 100%; /* Современные браузеры */