2010-03-18 7 views
0

Quelqu'un a-t-il une idée de la raison pour laquelle le menu est affiché sous les images rotatives sur ce site dans IE7: http://new.coffeelatino.co.uk/.Aide sur le problème de z-index avec menu dans IE7

L'index z est beaucoup plus élevé pour le menu que pour les images en rotation.

Juste une autre raison pour laquelle IE est si terrible.

+1

http://therealcrisp.xs4all.nl/meuk/IE-zindexbug.html –

+0

'Juste une autre raison pour laquelle IE est si terrible.» - Le problème n'existe pas dans IE8, donc je suppose que c'est une raison de moins? –

+0

Note non reliée: In ie8; toutes les images en rotation sont visibles à la fois lorsque la page n'est que partiellement chargée. Vous souhaiterez peut-être faire en sorte que toutes les images du diaporama, à l'exception d'une, démarrent avec l'affichage défini sur Aucune pour empêcher cela. – Brian

Répondre

3

L'index z est ignoré pour les éléments qui ne sont pas positionnés. Ajouter "position: relative" au style de tout ce que vous essayez d'appliquer un z-index, et cela devrait le réparer.

Conseil pour rester sain d'esprit en tant que développeur Web: Ecrivez sur IE, puis testez avec d'autres navigateurs. La plupart des choses qui fonctionnent dans IE s'afficheront correctement dans FF et Chrome. L'inverse, comme vous l'avez remarqué, n'est pas vrai.

+0

Probablement un excellent conseil. Je travaille toujours dans l'autre sens. Je viens avec IE irait loin :). –

+0

Génial. Ajouter une position: relative; à la barre brune supérieure a résolu le problème. –

+2

Je ne recommanderais pas le codage pour IE et les tests dans d'autres! Ecrire contre les normes et tester dans plusieurs navigateurs en parallèle. Ajouter des hacks à c'est à dire plus tard. Il est plus facile de persuader, c'est-à-dire de se comporter avec un code de normes, que de faire fonctionner le code de façon fiable chez les autres ... –