Июл 10

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

css 1 комментарий »

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

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

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

PLAIN TEXT
CSS:
  1. body{
  2. background-attachment: fixed;
  3. background-color: #009900;
  4. background-image: url(../img/bodyBack.jpg);
  5. background-repeat: no-repeat;
  6. background-position: center top;
  7. }

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

PLAIN TEXT
CSS:
  1. body{
  2. background: #000000 url(../img/bodyBack.jpg) no-repeat fixed center top;
  3. }

Tags: , ,

Дек 18

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

HTML, css Комментариев нет »

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

PLAIN TEXT
CSS:
  1. html:first-child .style_01{
  2.     margin: 0px 0px 0px 288px;
  3.         }