IE7 / IE8 z-index не взаимодействует.Предложения?

Question

РЕДАКТИРОВАТЬ: Решение найдено. Розовый блок имеет overflow:visible !important, что в Internet Explorer делает недействительным z-index.После удаления логотип вышел наверх.

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

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

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

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

Есть предложения?

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

Answer 1

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

z-index: -1;

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

Answer 2

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

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

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

Answer 3

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

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

line-height:180%

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

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