Эмуляция position: fixed в IE

Как известно, IE не понимает CSS-свойства position: fixed. Чтобы заставить его вести себя, как нормальный браузер, нужно подставить костыль.

HTML:

<div id="fixed">Этот слой останется на месте</div>

CSS:

/* Для все браузеров */
#fixed {
    position: fixed;
    top: 0px;
    left: 0px;
}
/* Для IE */
*html body {
    background: url('null.gif') no-repeat;
    background-attachment: fixed;
}
*html #fixed {
    position: absolute;
    top: expression(document.getElementsByTagName(
    `body`)[0].scrollTop + "px");
}

Для Internet Explorer 7 есть более простое решение для работы свойства fixed — указание доктайпа.

Пошерить
Плюсануть
Отправить
Вотсапнуть

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

Такой e-mail уже зарегистрирован. Воспользуйтесь формой входа или введите другой.

Вы ввели некорректные логин или пароль

Извините, для комментирования необходимо войти.

1. Нажимая на кнопку "Отправить", я даю согласие на обработку персональных данных.

2. Для вставки кода используйте специальные теги [code lang="php"]ваш код[/code]

2 комментария

сначала новые
по рейтингу сначала новые по хронологии

А вы не думали, что скажем у body уже есть background?

Автор
Кобзарёв Михаил

Посмотрите это решение