У меня есть компонент Flash, который вложен в несколько элементов div: div1-> div2-> flashHolder-> flashContent. У меня также есть модальное диалоговое окно jQuery, которое предупреждает о тайм-ауте предстоящей сессии. Ранее Firefox показывал это всплывающее окно поверх Flash (правильно), в то время как все остальные браузеры скрывали всплывающее окно за Flash. Чтобы это исправить, я добавил wmode="transparent"
к тегам <object>
, а также метод swfobject.embed()
. Это исправило проблему в IE, Chrome и Safari. Однако в Firefox div-объекты flashHolder / flashContent теперь скрыты за div2. Я попытался установить z-индекс div'ов, но безуспешно. Так как же заставить компонент Flash отображаться в диалоговом окне jQuery сверху во всех основных браузерах?
РЕДАКТИРОВАТЬ: Не удалось загрузить мой Flash-объект в Firefox 4/5 с wmode = transparent или wmode = opaque. Это просто не будет загружаться вообще. Я думаю эта страница описывает проблему, но я решил исправить проблему с помощью простого взлома JavaScript:
if (navigator.userAgent.indexOf("Firefox")==-1)
params.wmode = "transparent";
Я знаю, на это смотрят свысока, ну да ладно, это работает.