DIV всплывающий поверх flash-баннера

Вячеслав Гринин, May 11, 2010

В процессе создания сайтов, столкнулся однажды с проблемой выражаемой в том, что 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’а, отображаемого поверх флешки. Учтите, что подобные игры с прозрачностью могут заметно ухудшать производительность работы браузера.

В тему:

2комментария

Я однажды стыкался с этим беспределом, но сам нашел решения вашего этой проблемы. А вам нужно правильно назвать статью для того чтобы человек который ищет решение подобной проблемы мог найти ваш пост и сказать Вам Спасибо!

collaps, February 11, 2012 3:41 pm Reply

У меня веб-браузер Netscape такое показывает, а другие веб-браузеры все нормально. Так что это зависет не только от верстки. А решение проблемы очень удобное.

collaps, March 17, 2012 12:43 am Reply
Ваше имя
Ваш email*
Ваш сайт
Текст вашего комментария:

Поиск по блогу:
Подписаться:
Популярные:
Облако тегов:
Разное:
Счетчик: