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