Flash (swf) стремительно теряет популярность, но всё ещё остается распространенным. Особенно часто его применяют для баннеров, реже для деталей оформления сайта. При этом бывает так, что элементы флэш лезут поверх выпадающих меню или увеличивающихся картинок или каких-то других элементов сайта. Бороться с этим не трудно.

Вначале пара примеров, как установленный на моём сайте флэш-баннер нехорошо лез поверх стандартной панели управления Drupal 7, а также поверх увеличивающихся картинок, сделанных при помощи модуля ColorBox.

Flash (swf) лезет на передний план

Flash (swf) лезет на передний план

Чтобы исправить такое безобразие достаточно в код вставки флеш добавить всего один параметр. Найдите в коде тег embed и добавьте в него wmode=»opaque».

Пример кода с этим параметром:

<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,0,0" width="200" height="400">
<param name="movie" value="/files/123.swf">
<param name="menu" value="false">
<param name="quality" value="high">
<embed src="/files/123.swf" menu="false" quality="high" wmode="opaque" width="200" height="400" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer"></embed>
</object>

Теперь можно убедиться, что все стало нормально. И панель управления Drupal 7 стала сверху и всплывающая картинка.

Поставили Flash (swf) на задний план