Position: fixed в IE6
Хотя уже наверное нет смысла обсуждать IE6 и хаки к нему, но всё же оставлю заметку «Как сделать фиксированный элемент IE6»
position: fixed; поддерживаться всеми новыми браузерами и IE >=7. Чтобы сделать такое в IE6 надо прописать
1 2 3 4 5 6 |
/* только для IE6 */ #fix-block { position: absolute; top: expression(eval(document.documentElement.scrollTop) + 100); right: 0; } |
Как видите происходит эмуляция position: fixed; На самом деле блок абсолютно позиционируется относительно body и его позиция top подсчитывается при каждом чихе пользователя при помощи expression. Обратите внимание на +100. Это нужно для случае, если блок не прибит к верхнему краю, а находится на некотором расстоянии — в нашем случае 100px.
Минусы данного подхода:
- не работает при отключенном JS.
- нагрузка на браузер — значение top пересчитывается каждый раз, когда пользователь что то сделает — проскроллит, изменить размер окна браузера и тд и тп.
Чтобы страница не дёргалась надо прописать
1 2 3 |
html{ background: url(about:blank); } |
Вот и всё.
Рубрики: HTML/CSS
27.02.2012 17:35
Comment (RSS) | Обратная ссылка