Z-индекс IE7/IE8 не работает. Предложения?

EDIT: Решение найдено. Розовый блок имел overflow:visible !important, что в Internet Explorer делало недействительным z-index. После его удаления логотип оказался наверху.

См.: http://bit.ly/i7ER3e.

См. логотип "**" (рядом с верхним меню) в Firefox/Chrome, он правильно отображается над левым блоком содержимого (блок с розовым фоном).

В IE7/IE8 логотип скрывается за розовым блоком.

Я возился с этим в течение 2 часов. Пробовал много чего. Не могу заставить его отображаться правильно в IE7/IE8.

Какие-либо предложения?

(Примечание: я работаю в действительно ограничительной среде, где я не могу просто разместить логотип перед меню. Мне нужно использовать position:absolute, чтобы разместить его.)


css xhtml internet-explorer-8 internet-explorer-7
person codemonkey613    schedule 18.01.2011    source источник
comment
каким-то образом эта клетка инерифицируется..высота линии тела..   -  person kobe    schedule 18.01.2011

Ответы (3)


arrow_upward
0
arrow_downward

Проблема не в z-index в вашем случае

ваше тело имеет некоторую высоту строки, которой недостаточно...

line-height:180%

измените это на 200 или около того, это работает, но все же это не очень хороший подход

но только что нашел проблему....

person kobe    schedule 18.01.2011
comment
Спасибо за ответ. Но это не помогло. - person codemonkey613; 18.01.2011

arrow_upward
0
arrow_downward

Попробуйте использовать:

z-index: -1;

для элементов, которые должны быть ниже логотипа.

person RDL    schedule 18.01.2011

arrow_upward
0
arrow_downward

попробуйте установить position:relative;, а также z-index.

Стиль положения по умолчанию — position:static;, и в IE есть ошибки, связанные с обработкой z-индекса в сочетании со статическим позиционированием; установка position:relative может решить некоторые из них, не затрагивая слишком много всего остального.

См. эту страницу для получения дополнительной информации. (ссылка предназначена для CSS3Pie, который является взломом IE, чтобы помочь ему поддерживать некоторые функции CSS3, такие как border-radius, но информация об ошибке z-index носит общий характер и, вероятно, также охватывает вашу проблему)

person Spudley    schedule 18.01.2011