Верх страницы
Логотип Telegram
@Злой_Полицейский — авторский канал вашего покорного слуги в Telegram, где я пишу заметки о веб-разработке, программировании, PHP, инструментах и WordPress.
Время для прочтения: 0 мин. 1 сек.

Эмуляция 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 — указание доктайпа.

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

Суровый русский разработчик. Жил в Магадане, в офисе московских веб студий и в Тульской деревне. Виртуозно знает WordPress, PHP, ООП, Vue.js и вот это вот все.

Ведет блог о разработке, дайджест в телеграмме и в ВК.

Комментарии
Подписаться
Уведомить о
guest

2 комментариев
Межтекстовые Отзывы
Посмотреть все комментарии
Ильдар
11 лет назад

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

Предыдущая запись

Михаил Кобзарёв (mihdan)

Авторский блог вашего покорного слуги в Telegram про web, программирование, алгоритмы, инструменты разработчика, WordPress, фильмы и сериалы