DIV всплывающий поверх flash-баннера
В процессе создания сайтов, столкнулся однажды с проблемой выражаемой в том, что flash-баннер, размещенный на странице, закрывает собой всплывающий DIV содержащий в себе меню навигации.
Сам этот DIV имеет z-index больше нуля, и когда на странице нет никакой Flash-анимации, этот DIV плавает поверх страницы. Однако, как только появляется Flash-баннер, то баннер этот рендерится поверх любых плавающих DIV-ов.
Как и все гениальное, решение оказалось простым. Достаточно тегам OBJECT и EMBED добавить атрибут wmode со значение opaque.
Выглядеть это должно как-то так:
<OBJECT wmode="opaque" ...> <EMBED ...> <PARAM name="wmode" value="opaque"> </EMBED> </OBJECT>
А связано это с тем, что по умолчанию, параметр этот принимает значение window, а это говорит браузеру, что флешку необходимо отрисовывать поверх страницы и всего, что на ней находится. Другие значения параметра wmode – opaque и transparent. Последний ко всему прочему позволяет задавать прозрачный фон для DIV’а, отображаемого поверх флешки. Учтите, что подобные игры с прозрачностью могут заметно ухудшать производительность работы браузера.
В тему:
Я однажды стыкался с этим беспределом, но сам нашел решения вашего этой проблемы. А вам нужно правильно назвать статью для того чтобы человек который ищет решение подобной проблемы мог найти ваш пост и сказать Вам Спасибо!
collaps, February 11, 2012 3:41 pmУ меня веб-браузер Netscape такое показывает, а другие веб-браузеры все нормально. Так что это зависет не только от верстки. А решение проблемы очень удобное.
collaps, March 17, 2012 12:43 am