Мне нужно показать div над iframe, который содержит флеш-видео. Z-индекс div устанавливается как 9999. Но ifarame не имеет никакого z-индекса. Но div лежит под флеш для Google Chrome, он отлично работает в IE 7/8/9 и Mozilla 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>
Пожалуйста, приложите немного усилий для решения этой проблемы.
Спасибо заранее,
Прашант
Примечание. Пожалуйста, не сообщайте решение, сохраняя "wmode = transparent" в качестве параметра get в iframe src. поскольку это не является обобщенным решением для этой проблемы.