Верх страницы
Время для прочтения: 1 мин. 3 сек.

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

ВКонтакте
Одноклассники
Linkedin
Telegram
WhatsApp

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

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

Делает крутые высоконагруженные сайты, поэтому уже почти захватил весь рынок WordPress разработки в России. Не дает никому делать сайты без спроса.

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

Комментарии