Élément positionné en absolu qui est rogné s'il est positionné à l'extérieur de son élément parent IE7

Question

Bonjour

Je essaie de positionner un élément de sorte qu'il soit légèrement positionné à l'extérieur de son élément parent. Dans IE8 cela fonctionne, mais dans IE7 l'élément positionné est rogné.

Voici mon code HTML:

    texte

Le CSS

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

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

Dans IE7, vous verrez que les 20 derniers pixels de l'élément enfant sont rognés. Comment puis-je résoudre cela?

MERCI

Answer 1

C'est juste le célèbre bug z-index pour IE7
Le problème avec IE7 est qu'il applique z-index=0 pour tous les éléments positionnés
c'est-à-dire que les éléments avec position != statique ont z-index=0.
C'est donc finalement ce contexte d'empilement qui cause le problème