позиция: относительная появляется над позицией: абсолютная

Question

Наличие странной проблемы в IE7.В некоторых местах у меня есть DIV, который имеет положение: абсолютное на нем (искусственное выпадающее меню) всякий раз, когда позади него есть что-то, имеющее позицию: относительно элемента с относительным положением будет показываться через другой элемент div.позиционированный элемент не имеет никакого установленного z-индекса, в то время как абсолютно позиционированный элемент (тот, который я хочу сверху) имеет z-индекс 1000.

http://skitch.com/louiswalch/dub5h/microsoft-windows-vista

Answer 1

Я подозреваю, что вы уже пробовали это, но установите z-index для вашего относительно позиционированного элемента, который ниже, чем z-index вашего абсолютно позиционированного элемента в качестве первого теста.

Если это не сработает, вам нужно убедиться, что оба элемента находятся в одном контексте стека . В IE всякий раз, когда вы применяете правило CSS position к элементу, он генерирует новый контекст стека в этом элементе. Это означает, что z-индекс будет должным образом соблюдаться только в дочерних элементах и ​​дочерних элементах этого элемента в других контекстах стека с более низкими z-индексами могут все еще стоять выше.

В вашем случае вам нужно либо поместить раскрывающийся список и кнопку в один и тот же контекст стека или применить z-index к 2 элементам, которые генерируют свои отдельные контексты стека.