Position fixed в IE6

Как известно IE6 не поддерживает position:fixed. Для эмуляции данного эффекта можно использовать position:absolute и CSS expression.

1
2
3
4
#fixed{ /* Стили для IE6 */
  position:absolute;
  top:expression(eval(document.documentElement.scrollTop))
}

Чтобы не было подергиваний фиксированного блока, нужно добавить элементу html или body фоновое изображение. В качестве значения background можно использовать about:blank.

1
2
3
html{
  background:url(about:blank)
}

Обсуждение:

    • Alex

      Благодарю, возьму на заметку.

  1. Тормоз

    Я делал без всяких expression, не люблю такие штуки.
    Пример можно посмотреть на одном из моих заброшенных блогов — http://dummp.blogspot.com/
    P.S. Блог у тебя очень медленно открывается, надо хостинг менять, наверно.

    • Alex

      За пример спасибо.

      P.S. Обычно блог достаточно быстро открывается, хотя иногда конечно бывают проблемы на хостинге.

    • Артем

      Зашел на ваш блог, понравилось как работает блок не двигаюзийся.
      Посмотрел код страницы, есл честно, ничегоне понятно, попробовал рабобраться и пришел в ужас и ярость.
      Я был бы вам очень благодарен, если бы вы в качестве примера сделали два простых блоках и стили. Один блок поверх другого и всегда стоит на месте.
      А то на вашем блоге миллиард div-ов? с кучей вложенностей, ничего не понятно.

  2. Smilerr

    Прикольный шаблон на сайте. Откуда взяли? Мне кстать локализации от Гудвина нравятся. Советую

  3. Nataly

    2Alex, взяла на заметку, хотя уже много перешло на восьмую версию, а в ней такой проблемы нет

  4. Надежда

    Спасибочки, то, что нужно было :)

  5. gps

    А как в ИЕ 6 сделать 100% что бы он не вылезал за рамки …….

  6. Sivers

    Вот спасибо, добрый Человек!

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *

*