IE7 + Position: фиксированная прокрутка Z-индекса не работает
привет, я создал фиксированную панель навигации / заголовок вверху страницы с содержимое ниже. во всех браузерах, если я прокручиваю страницу, содержимое попадает под панель навигации с фиксированным положением, ИСКЛЮЧАЯ для IE (здесь нет ничего удивительного) Как мне отредактировать CSS, чтобы это работало?
<div class="navbar" style="width:100%; position:fixed; left: 3px; top: 0px; z-index:1;">
blah blah blah navigation
</div>
<div class="content">
whats up, im the content and im really long so i need to scroll
</div>
вот пример поведение, которое работает в большинстве браузеров, но не в IE мира.
1 ответ
Вы принудительно переводите IE в режим совместимости, поскольку не объявили тип документа (http://www.quirksmode.org/css/quirksmode.html ).
Если вы добавите это:
<!DOCTYPE html>
в самый верх вашего HTML-документа, тогда position:fixed будет работать как положено. Это тип документа HTML5, короткий и выполняющий свою работу.
Чтобы фиксированная позиция работала и в IE6, вам нужно добавить это в свою таблицу стилей (я предполагаю, что встроенный материал предназначен только для вашего тестирования):
* html .navbar { position: absolute; }
См. эту страницу (http://ryanfait.com/position-fixed-ie6/) для объяснения.