Google Chrome, le Flash et le z-index de mal behvaiour
Je dois afficher une div sur l'iframe qui contient une vidéo flash . Le z-index de l'élément div est défini comme 9999. mais le ifarame est de ne pas avoir tout de z-index. Mais le div se trouve en dessous de la flash pour Google Chrome, il fonctionne correctement dans internet explorer 7/8/9 et Mozila Firefox.
Le code que j'utilise est
flash.html
<!doctype html>
<html>
<head>
<title> Flash - zIndex</title>
</head>
<body>
<div style="position : absolute;left:200px;top:200px;width:320px; height:220px;background-color:#fff;z-index:999;" >
<iframe src="blank.html" style="width:100%; height:100%;">
</iframe>
</div>
<div id="textDiv" style="position : absolute; z-index:9999; left:200px;top:200px;border: 5px solid rgb(235, 127, 0);width:300px; height:200px;background-color:#fff;overflow:auto;">
this is the text div
</div>
<div id="flashDiv" style="height: 150px;">
</div>
<iframe title="YouTube video player" width="640" height="390" src="http://www.youtube.com/embed/3RD_3wooRjI" frameborder="0" allowfullscreen></iframe>
</body>
</html>
blank.html
<!doctype html>
<html>
<head></head>
<body></body>
</html>
Veuillez donner quelques contourner ce problème.
Merci d'avance,
Prashant
Note : Merci de ne pas dire la solution que de garder "wmode=transparent" comme un paramètre get dans l'iframe src . qu'il ne soit pas généralisée de solution pour ce problème .
OriginalL'auteur Prashant Dubey | 2011-03-16
Vous devez vous connecter pour publier un commentaire.
Vous pouvez ajouter un paramètre wmode par la chaîne de requête.
Ex:
src="http://www.youtube.com/embed/LSaoRSlqQzw?wmode=opaque"
OriginalL'auteur FabioTNT
Le problème est probablement avec le wmode de votre lecteur flash. Essayez "wmode=opaque", ce qui signifie qu'il devrait jouer gentil avec votre z-commande
http://www.8bitrocket.com/2011/02/11/quick-guide-to-wmode-and-flash-embedding/
vous pouvez le modifier à l'aide de javascript et de voir ce qui se passe?
OriginalL'auteur divillysausages
http://maxmorgandesign.com/fix_youtube_iframe_overlay_and_z_index_issues/
OriginalL'auteur Santa
Je peux ajouter wmode, si et seulement si le contenu flash est sur ma page web, notez le contenu de l'IFRAME est de la troisième partie(YouTube, dans ce cas). Comment puis-je gérer un tel scénario?
OriginalL'auteur Arun Prasad R
cela peut aider:
par:
http://maxmorgandesign.com/fix_youtube_iframe_overlay_and_z_index_issues/
OriginalL'auteur Yov