La valeur z-index de l'élément ne peut pas dépasser celle du contenu iframe
https://stackoverflow.com/questions/122865
italiano
english
français
española
中国
日本の
العربية
Deutsch
한국어
Português
RussianQuestion
J'ai un div et un iframe sur la page
le div a
z-index: 0;
le iframe a son contenu avec une fenêtre contextuelle ayant un z-index de 1000
z-index: 1000;
Cependant, div éclaire toujours le popup dans IE (mais fonctionne très bien dans Firefox).
Est-ce que quelqu'un sait ce que je peux faire?
La solution
Bug lié à l'index Z de l'Explorateur
.En général, http://www.quirksmode.org/ est une excellente référence pour ce type de chose.
Autres conseils
Quelle version d'IE?
Je ne suis pas un gourou javascript, mais je pense que cacher la div quand le pop-up pourrait bien répondre à vos besoins.
J'ai dû travailler avec des divs et des iframes lors de la création d'un menu javascript qui devrait afficher des listes déroulantes et des listes déroulantes superposées. Les autres implémentations de menu masquent simplement ces éléments dont le comportement par défaut dans IE6 est d'afficher au-dessus de tout DIV, non. importe le z-index.
Je suis confronté au même problème. Le problème dans mon cas est que le contenu de l'iframe n'est pas contrôlé directement par IE, mais par Acrobat car il s'agit d'un fichier pdf. Vous pouvez essayer d'afficher l'iframe sans le contenu, auquel cas la fenêtre contextuelle s'affiche normalement. Pour une raison quelconque, IE n'est pas en mesure de contrôler l'index z pour les aides externes.
Il a été testé avec IE7
Sans voir votre code, il est difficile de déterminer le problème. Toutefois, il convient de noter que z-index ne fonctionne que lorsque l'élément a été positionné (par exemple, position: absolute; ). Cela pourrait donc poser problème?
Il existe un bon article sur CSS Z-index du Centre des développeurs Mozilla.
Sans voir un extrait de code, il est difficile de déterminer quel est le problème. Vous voudrez peut-être ajouter un iframe de la même taille que votre popup. Avec IE7, si vous rendez le popup iframed après le chargement de l'autre iframe, vous devriez pouvoir masquer les éléments situés en dessous. Je crois que certains calendriers JS et certains codes lightbox / thickbox le font si vous recherchez des exemples.
Ne définissez jamais votre index z sur une valeur inférieure à 1 si vous ne voulez pas le cacher. Je ne suis pas sûr de la version 7.0, mais les anciennes versions d'IE ont eu des problèmes avec cela. IE n'aime pas beaucoup z-index. Vérifiez également votre positionnement. Le positionnement peut être votre problème. désolé, je n'ai pas assez d'informations pour vous aider davantage.
