Нужна помощь по background'ам.

Всем хале. Вот с чем столкнулся: взял шаб кинокрик, хочу background залить, заливаю, но он не растягивается, тоесть половина сайта - картинка, а низ - черный. Подумал, тогда надо чтобы background был статичным а относительно его двигалась только часть с фильмами и т.д. (я так видел когда рекламу размещают казино в backgroundе) Но как так сделать?

P.S. Кто-нибудь вообще понял, что я имел в виду? А то объяснять - не мой конек.

 

а не легче скрин показать

 

@ExScorpio, )) картинку фиксированую чтоли?
типа так - style="background: url(/картинка.jpg) 50% 0 no-repeat fixed #000;"

 

во! красава! точнее и сказать нельзя

 

пример: kinogo.club - при отключеном адблоке ( вдруг у кого стоит) реклама казинохи она фиксирована, а при прокрутке двигается body, а не весь сайт, хочу так, только с картинкой, а не с кодом рекламным

 

Код:

    height: 100%;
    left: 0px;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 0;
    overflow: hidden;
background-attachment: fixed;
background-color: rgb(0,0,0); - цвет сайта пока картинка не загрузилась

    background-image:url("картинка");
    background-color: #FFFFFF;
    background-position: center top;
    background-repeat: no-repeat;

Примерно так. лишнее убрать.

 

Воспользовался ссылкой Карабаса)

Спойлер: Вот это вебал и помогло

background: url(../images/background.jpg) no-repeat center center fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;

 

И тут же проблема: описание категорий под телом и сливается с бэкграундом http://prnt.sc/c9ese7, как мне сделать как на кинокрике, т.е. черным блоком запилить http://prnt.sc/c9esw1, дабы не сливалось? Можно background текста сделать, но блоком лучше будет, наверное.

 

Оберните описание категории блоком <div class="description"> сюда описание</div>, а в стили css:

Код:

.description {
    font-size: 13px;
    color: #67676F;
    text-decoration: none;
    text-align: justify;
    padding: 20px 20px 20px 20px;
    line-height: 21px;
    background: #19191B;
}

Будет как на КиноКритике.

 

cпасибо, но я сообразил уже, просто прописал background)