IE7 + Позиция: Исправлена ​​прокрутка Z-index не работает - PullRequest
Новая
       5

IE7 + Позиция: Исправлена ​​прокрутка Z-index не работает

1 голос
/ 27 августа 2010

привет Я создал фиксированную панель навигации / заголовок вверху страницы с содержанием ниже. во всех браузерах, если я прокручиваю страницу, содержимое переходит под панель навигации с фиксированным положением, КРОМЕ 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 мира.

http://myivyleaguer.com/media/satcenter.html

1 Ответ

2 голосов
/ 27 августа 2010

Вы переводите 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/) для объяснения.

...