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

Question

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

Relativly расположен элемент не имеет множество Z-индекс, в то время как абсолютно позиционирован элемент (тот, который я хочу на вершине) имеет Z-индекс 1000.

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

Answer 1

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

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

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