абсолютное расположенное отсечение элемента, если положение вне его родительского элемента IE7

Привет!

Я пытаюсь расположить элемент так его немного расположенный вне его родительского элемента. В IE8 это работает, но в IE7 отсекается расположенный элемент.

Вот является мой код HTML:

<div id="parent">
    <div id="child">text</div>
</div>

CSS

#parent {
height: 40px;
width: 400px;
position: relative;
}

#child {
position: absolute;
width: 100px;
height: 60px;
top: 0px;
left: 0px;
}

В IE7 Вы будете видеть, что последние 20 пкс дочернего элемента отсекаются. Как я могу решить это?

СПАСИБО

5
задан Kara 14 January 2014 в 15:58
поделиться

1 ответ

Это просто известный баг с z-index для IE7
Проблема IE7 в том, что он применяет z-index=0 для всех позиционированных элементов
, т.е. элементы с position != static имеют z-index=0.
Так что в конечном итоге этот контекст стекирования, который вызывает проблему

4
ответ дан 15 December 2019 в 00:52
поделиться