IE ignorant zIndex

J'ai cette zone de texte (il est expansé, après avoir cliqué sur un bouton spécifique) qui est censé être au-dessus de ce champ de saisie de texte. En FF et Chrome, ça marche. Mais pas dans IE (6 + 7). Est-ce que quelqu'un a une idée, où est le problème et comment je pourrais le résoudre?IE ignorant zIndex

<html> 
<head> 
<style type="text/css"> 
.Tbl { width: 100%; } 
.Col1 { width: 10%; } 
.Col2 { width: 90%; } 

.CellTA { background-color: #00F; vertical-align: top; padding: 5px; } 
.DivTA { position: relative; } 
.DivTA2 { position: absolute; background-color: #FF0; padding: 5px; } 
.TA { position: relative; z-Index: 10; height: 50px; width: 200px; } 

.CellInp { background-color: #F0F; padding: 5px; } 
.DivInp { position: relative; width: 100%; background-color: #0F0; } 
.Inp { position: relative; width: 200px; } 
</style> 
</head> 
<body> 
<table class="Tbl"> 
    <colgroup> 
    <col class="Col1" /> 
    <col class="Col2" /> 
    </colgroup> 
    <tr> 
    <td>Ref</td> 
    <td class="CellTA"> 
     <div class="DivTA"> 
     <div class="DivTA2"> 
      <textarea class="TA"></textarea> 
     </div> 
     </div> 
    </td> 
    </tr> 
    <tr> 
    <td>eMail</td> 
    <td class="CellInp"> 
     <div class="DivInp"> 
     <input type="text" class="Inp"> 
     </div> 
    </td> 
    </tr> 
</table> 
</body> 
</html>

Merci à l'avance

EDIT: Le rembourrage et changé l'arrière-plan-couleur de DivTA2

Source

2010-09-13 Prjio

IE traite z-index un peu différemment que les autres navigateurs. Ces entrée de blog peut vous être utile:

http://annevankesteren.nl/2005/06/z-index

http://brenelz.com/blog/squish-the-internet-explorer-z-index-bug/

En bref, je pense que vous devrez peut-être ajouter un z-index à l'élément parent de celui qui l'a. (Je ne suis pas totalement sûr si l'ajout d'un niveau fera l'affaire - si cela ne fonctionne pas, vous pouvez essayer de l'ajouter à l'élément grand-parent aussi.)

Source

2010-09-13 14:40:10

Voilà la solution! Tu as fait ma journée;). Merci! – Prjio

@Prjio: Content de pouvoir aider :) –

Répondre

Questions connexes