Поздравляю! Вы попали в архивный блог! Все новые материалы публикуются на hmdw.meX
Просмотров: 3205

[РЕШЕНО] Выпадающее меню перекрывается flash-роликом

Добрый вечер!

Вот такая небольшая проблемка сегодня возникла - красивое выпадающее меню перекрывалось флеш-роликом расположенным в середине страницы. В итоге часть меню просто пропадала где-то за флешкой.

Решение этой проблемы оказалось довольно простое:

Добавляем в код отображения ролика

<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"
    codebase="http://active.macromedia.com/flash2/cabs/swflash.cab#version=4,0,0,0"
    ID=plane width=420 height=155>
    <param name=movie value="sample.swf">
    <param name=quality value=high> <param name=scale value=exactfit>
    <param name=bgcolor value=#FFFFFF> 
<embed src="sample.swf" quality=high scale=exactfit bgcolor=#FFFFFF  
WIDTH=494 HEIGHT=171 TYPE="application/x-shockwave-flash" 
PLUGINSPAGE= 
"http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash">
</embed>
 </object>

Вот такой параметр:

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

и элементу embed добавляем аттрибут wmode="opaque"

В итоге получается такой код:

<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"
    codebase="http://active.macromedia.com/flash2/cabs/swflash.cab#version=4,0,0,0"
    ID=plane width=420 height=155>
	<param name="wmode" value="transparent">
    <param name=movie value="sample.swf">
    <param name=quality value=high> <param name=scale value=exactfit>
    <param name=bgcolor value=#FFFFFF> 
<embed src="sample.swf" wmode="opaque" quality=high scale=exactfit 
bgcolor=#FFFFFF  WIDTH=494 
HEIGHT=171 TYPE="application/x-shockwave-flash" PLUGINSPAGE= 
"http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash">
</embed>
 </object>

Который уже не перекрывает другие элементы.

twitter.com facebook.com vkontakte.ru odnoklassniki.ru livejournal.ru yandex.ru
Теги:
Эта запись опубликована: Понедельник, 13 августа 2012 в рубрике Web-разработка.

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