2009-09-07 10 views
0

J'ai un élément dont la position est fixe et a un z-index = 5. Lorsque je redimensionne le navigateur, cet élément apparaît devant des éléments (statiquement positionnés) dont z-index = 10, qui n'est pas le comportement que j'attends. Si vous voulez voir ce que je veux dire, ouvrez this page et affinez la fenêtre du navigateur jusqu'à ce que le logo "Chalets des Bouleaux" soit sur la photo (le premier a un z-index = 5 et le dernier a z-index = dix).CSS z-indices

Merci, Don

+0

Je ne sais pas si c'est un problème ici, mais j'ai eu des problèmes similaires lorsque les objets n'étaient pas frères dans le DOM. Certains navigateurs obéiront indifféremment à z-index, alors que d'autres (IE?) Ne le respecteront qu'entre paires d'éléments ayant le même parentNode. Ou quelque chose comme ça. Je pense. – Alec

Répondre

5

Vous devrez ajouter "position: relative" aux éléments avec z-index 10.

+2

Faites-en * définitivement *. 'z-index' ne s'applique qu'aux éléments positionnés. Alors que z-index de 10 ne fait rien: http://reference.sitepoint.com/css/z-index – mercator

0

Ainsi, les chalets logo devrait apparaître sur l'image? Ça a l'air bien dans IE8.

+0

Non, il devrait apparaître sous. –