élément de valeur de l'indice z de ne peut pas surmonter le je de contenu iframe un


3

un div et un iframe sur la page le div a

z-index: 0; 

le iframe a son contenu avec un pop-up ayant un z-index de 1000

z-index: 1000; 

Cependant, le div éclipse toujours la popup dans IE (mais fonctionne bien dans Firefox).

Est-ce que quelqu'un sait ce que je peux faire?

  0

pouvez-vous donner un exemple de votre css et html? 23 sept.. 082008-09-23 18:41:05

6

Explorer Z-index bug

En général, http://www.quirksmode.org/ est une excellente référence pour ce genre de chose.


1

Quelle version d'IE?

Je ne suis pas un gourou javascript, mais je pense que le fait de masquer la div lorsque le pop contextuel pourrait accomplir ce dont vous avez besoin. J'ai eu à travailler avec les divs et les iframes pour créer un menu javascript qui devrait afficher des listes déroulantes et des listboxes - d'autres implémentations de menu masquent simplement ces éléments dont le comportement par défaut dans IE6 est de montrer au-dessus de tout DIV, peu importe l'index z.


1

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 c'est un fichier pdf. Vous pouvez essayer d'afficher l'iframe sans le contenu, auquel cas le popup s'affiche normalement. Pour une raison quelconque, IE n'est pas capable de contrôler l'index z pour les assistants externes.

Il a été testé avec IE7


0

Sans voir un extrait de code, il est difficile de déterminer quel est le problème. Vous pouvez essayer d'ajouter un iframe sous votre popup qui est la même taille que votre popup. Avec IE7 si vous rendez le popup iframe après que l'iframe ait déjà été chargé, vous devriez être capable de couvrir les éléments qui se trouvent en dessous. Je crois que certains calendriers JS et certains codes lightbox/thickbox le font si vous cherchez des exemples.


1

Sans voir votre code, il est difficile de déterminer le problème. Mais il est à noter que z-index ne fonctionne que lorsque l'élément a été positionné (par exemple position: absolute;), alors peut-être que cela pourrait être un problème?

Il existe un good article on CSS Z-index du Centre de développement Mozilla.

  0

ils sont tous les deux positionnés en absolu donc ce n'est pas le problème 23 sept.. 082008-09-23 19:40:30


0

ne jamais définir votre z-index à rien ci-dessous 1 sauf si vous voulez le cacher. Je ne suis pas sûr à propos de 7.0, mais les anciennes versions d'IE J'ai eu des problèmes avec cela. IE n'aime pas trop z-index. Vérifiez également votre positionnement. Le positionnement peut être votre problème. Désolé, je n'ai pas assez d'infos pour vous aider.