Comment puis-je faire iframe respect z-index dans IE?
J'ai un youtube élément iframe dans ma page web, mais c'est à côté de ma éléments de menu. Quand j'ai passez la souris sur un élément de menu, un sous-menu s'ouvre qui couvre partiellement l'iframe (à cause de sa position, ce n'est pas spécifique de la fonction évidemment). Cela fonctionne très bien sous Firefox, mais comme d'habitude, il n'est pas dans internet explorer, voici l'iframe couvre le menu, le rendant essentiellement illisible. Est-il une option que je besoin d'ajouter de l'iframe pour le faire fonctionner ou est-ce tout simplement impossible?
(Test avec IE9 pour le moment)
- Essayez d'utiliser youtube.com/embed/video_id lien mais pas youtube.com/v/video_id c'était le problème dans mon cas. Incorporer doit être utilisé, mais pas V.
Vous devez vous connecter pour publier un commentaire.
Essayez d'utiliser ses youtubes iframe intégrer méthode (si ce n'est pas ce que vous faites déjà, et ajoutez:
?wmode=transparent à l'url (remplacer ? avec & si elle n'est pas la première variable d'url)
z-index
pour que cela fonctionne.Il y a plusieurs problèmes avec cette question. Tout d'abord, il n'y a pas de problème dans IE pour définir une iframe au-dessus ou au-dessous de tout autre contenu dans votre document à l'aide de z-index. Z-index supérieur rend votre iframe au-dessus d'autres éléments (comme d'habitude), autant que de votre iframe est positionné: relative, absolue ou fixe.
Le vrai problème vient lorsque le contenu de votre iframe est un flash intégré de l'objet. Dans ce cas, l'objet flash ne peut être z-positionné si son paramètre wmode est "transparent" ou "opaque", mais il ne fonctionnera pas si le flash est inclus dans le document HTML à l'aide du paramètre wmode = "fenêtre".
Donc, si vous êtes y compris une ressource externe (dans un site web, vous n'avez pas accès, comme youtube), vous ne pouvez y parvenir si l'un de ces modes sont utilisés. Si vous chargez un objet flash dans une iframe dans laquelle vous pouvez modifier son contenu, il suffit de vérifier que:
est réglé.
Dans le cas de youtube est à l'aide de mode "fenêtre", vous pouvez toujours utiliser votre propre flash player et un crochet de vidéos sur youtube de manière dynamique, le réglage de votre objet flash en mode transparent.
J'ai vu le même problème, le défaut de lien youtube mot doit être intégrer,
mais pas seulement le v-link (v-link ignore z-index):
Voici un exemple pour IE: http://jsfiddle.net/7fd8Y/21/
Voici une pure JS solution alternative à JQuery: