Эмуляция position: fixed в Internet Explorer 6
Internet Explorer 6 не поддерживает CSS-свойство position: fixed
, поэтому для эмуляции данного эффекта используют position: absolute
и CSS expression
. Однако, в результате при скроллинге или изменении размеров окна браузера возникали небольшие подёргивания фиксированного блока. Баг возникает из-за того, что IE рендерит страницу в несколько этапов, обрабатывая CSS в последнюю очередь
Чтобы исправить данное поведение этого браузера, достаточно добавить фоновое изображение для html или body и зафиксировать его:
html { background: url(about:blank); background-attachment: fixed; } #header, #footer { position: fixed; left: 0; top: 0; } #footer { top: auto; bottom: 0; } * html #header { position: absolute; top:expression((0 + (ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop )) + 'px'); } * html #footer { top:expression((0-(footer.offsetHeight)+(document.documentElement.clientHeight ? document.documentElement.clientHeight : document.body.clientHeight ) + (ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop))+'px' ); }