Неподвижный фон при прокрутке страницы

coder — Thu, 10 Jul 2008 14:25:22 +0000

Постовой: Скачать на халяву
скрипт форума
строительные вагончики бытовки

Проблема: сделать неподвижный фон при использовании вертикальной прокрутки.
Решение: воспользуемся таким css свойcтвом, как background-attachment: fixed.

В общем виде получаем такой код:

PLAIN TEXT

CSS:

body{
background-attachment: fixed;
background-color: #009900;
background-image: url(../img/bodyBack.jpg);
background-repeat: no-repeat;
background-position: center top;
}

или в сокращенном виде

PLAIN TEXT

CSS:

body{
background: #000000 url(../img/bodyBack.jpg) no-repeat fixed center top;
}

Применить стиль только в Opera

coder — Tue, 18 Dec 2007 23:35:46 +0000

Проблема: необходимо применить стиль style_01 только в браузере Opera.
Решение: для этого используем CSS хак следующего вида:

PLAIN TEXT

CSS:

html:first-child .style_01{
margin: 0px 0px 0px 288px;
}

bOntONweb » css

Неподвижный фон при прокрутке страницы

Применить стиль только в Opera