Flash поверх выпадающего меню или JavaScript (JS)

23 марта 2009

ArtShok
Рубрика:
Советы
Метки:
Flash, HTML, Примеры

Синдикация

Проблема не то, чтобы достаточно распространенная. Но когда на нее натыкаешься, сначала приходится поломать голову, поискать в сети.. и можно не найти решения проблемы.

Суть в том, что если у Вас на сайте есть флэш, а рядом/над ним есть выпадающее меню или, например, какой-либо эффект на JavaScript, то flash будете перекрывать его, находиться поверх.

Чтобы сразу не кидаться в крайности и отказываться от флэш, идеи с меню или скрипта, предлагаю решению проблемы. Для flash добавляем следующие параметры

<param name="wmode" value="transparent">

А в embed добавляем

wmode="transparent"

Пример.

1 .Код до решения проблемы

<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"
codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0" width="125" height="125">
<param name="movie" value="images/filename.swf" />
<param name="quality" value="high" />
<embed src="images/filename.swf" quality="high"
pluginspage="http://www.macromedia.com/go/getflashplayer"
type="application/x-shockwave-flash" width="125" height="125">
</embed>
</object>

2. Код после решения проблемы

<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"
codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0" width="125" height="125">
<param name="movie" value="images/filename.swf" />
<param name="quality" value="high" />
<param name="wmode" value="transparent">
<embed src="images/filename.swf" wmode="transparent"
quality="high"
pluginspage="http://www.macromedia.com/go/getflashplayer"
type="application/x-shockwave-flash" width="125" height="125">
</embed>
</object>

Больше ничего не потребуется.

Обязательно к использованию:

Комментарии к этой записи

# 1 Ольга (1)
3 апреля 2009 в 10:11

Огромное спасибо. Помогло и во всех браузерах!

[Ответить]
# 2 ArtShok
3 апреля 2009 в 10:29

Пользуйтесь на здоровье

[Ответить]
# 3 Виталий (1)
6 мая 2009 в 22:08

Огромное спасибо !!!!
barsXXX@list.ru - ящик не верный а то заспамят

[Ответить]
# 4 Сергей (1)
7 июля 2009 в 12:43

Отличное решение. Кратко и работает. Спасибо!

[Ответить]
# 5 АртемХ
25 августа 2009 в 15:26

Спасибо огромное!!! :):):)

[Ответить]
# 6 Борис (1)
22 января 2010 в 18:14

Странно, мне не помогло. Прверял в Экслорере, файефоксе, опере и сафари.
Смотри страницу сайта.

[Ответить]
# 7 ecolora (1)
9 февраля 2010 в 11:37

Спасибо. Помогло просто wmode=”transparent”.

[Ответить]
# 8 Гость
9 марта 2010 в 20:14

Спасибо большое за статейку, думала, что никогда не найду ответ на этот вопрос. А можно совсем для кипятильников пояснить, куда именно код вписывать?
Заранее - спасибо.

[Ответить]

Оставить комментарий или два

Имя

Почта

Сайт

ArtShok. Сайтостроение и немного SEO

Синдикация