Как сделать скролл содержимого на сайте, но не background'a?

голоса: 0

Здравия,

интересует вопрос : как сделать на сайте скролл всего его содержимого, оставляя при этом фон неподвижным? К примеру вот так http://kresley-cole.ru/ . Хочу сделать так, чтобы убрать разрыв, как на скриншоте, да и просто для удобства. Текущий Шаблон - #1712 

Адрес сайта http://imb.ucoz.net/
| Автор: | Категория: Дизайн сайта
Редактирование | | Автор: Rexei

Ответов: 1

голоса: 0
 
Лучший ответ

Делается это очень просто, в стилях для боди:

body {}

дописываем стили:

body {
    background-size: 100%;
    background-attachment: fixed;
}

вот и все.

| Автор:
Выбор ответа лучшим | | Автор: Rexei

Upd: А можно поподробнее? Сам код понял, действительно простой. А куда его вставлять? В стили CSS, там как я поискал ни одного "body" страниц нету, только "tbody" в каком-либо контексте, значит надо писать отдельно в конце или встраивать между каких-либо строк, чтобы не конфликтовало с другими участками кода?

Rexei,
Ссылку на ваш сайт уточните.
Yuri_Geruk,
Добавил ссылку на сайт в запросе, изначальный стиль указан в самом запросе, пока изменил только картинку на 1920х1080.
Rexei,

В стилях строку номер 63 замените на:

#cas-bg{background:url(/Downloaded/back1.jpg) 50% 0 no-repeat;background-size: 100%; background-attachment: fixed;padding:0 0 40px;}

...