Вопросы Теги

Google Chrome, Flash и z-index неправильное поведение

Я должен показать div поверх iframe, который содержит flash-видео. Z-индекс div установлен как 9999. но ifarame не имеет никакого z-индекса. Но div находится под флеш-памятью для Google Chrome, он отлично работает в IE 7/8/9 и Mozila Firefox.

Я использую код

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>

Пожалуйста, помогите решить эту проблему.

Заранее благодарим,

Prashant

Примечание. не говорите, что решение сохраняет wmode = transparent в качестве параметра get в iframe src. поскольку это не обобщенное решение этой проблемы.

10
задан Prashant Dubey 16 March 2011 в 09:07
поделиться