div появляется ниже iframe на компьютере с Windows

Question

Поэтому мне нужно создать веб-сайт с фреймворком, навигацией и логотипом.

Таким образом, src iframe является html-файлом, этот html-файл содержит панораму, которая является флеш-видео. Поэтому я использовал z-index, чтобы iframe находился ниже моего div, который содержит навигацию и логотип. Он работает на Chrome, Firefox, Safari, если я использую Mac. Затем я попробовал протестировать веб-сайт на компьютере с Windows, и веб-сайт идеально подходит только для Chrome. Firefox, Safari и IE помещают div ниже iframe (таким образом, мой весь div не отображается)

Я сделал свое исследование. По-видимому, на флеш-видео не влияет значение z-index? И я не могу попытаться изменить wmode flash, потому что это на третьей стороне.

Любое решение этого вопроса? Спасибо.

Answer 1

Создайте контейнер div для вашего iframe и дайте ему индекс z.

HTML

<div id="iframe"> 
    <iframe src="#"> 
</div> 

CSS

#iframe { z-index: 10000; }