расширенное меню не отображается поверх изображения - PullRequest
Новая
       22

расширенное меню не отображается поверх изображения

1 голос
/ 09 ноября 2011

У меня есть раскрывающееся / многоуровневое меню CSS на странице.Меню, однако, не отображается поверх flash.i поместите <param value="transparent" name="wmode"/>

Я добавил wmode="transparent" к тэгу EMBED, затем появилось расширенное меню, но цвет изображения вспышки исчез, также пробовал z-index в css. 

<div id="swfhead">
    <object height="205" width="950">
        <param value="images/pesbanner.swf" name="movie">
        <embed height="205" width="950" src="images/pesbanner.swf">
    </object>
</div>

в style.css 

#primary-menu ul ul {
  position: absolute;
  z-index: 500;
}
#swfhead {
z-index:0;
}

содержимое этого меню скрывается за вспышкой.

Ответы [ 4 ]

0 голосов
/ 09 ноября 2011

Попробуйте

0 голосов
/ 09 ноября 2011

EDIT:
Чтобы сохранить фон флеш-памяти, поместите его в стиль div, например 

<div style="z-index:0; background:#ff0000">

Оберните ваш флэш-контент в div и примените "z-index" к "0"

Добавьте < param name="wmode" value="transparent" /> к вашему тегу объекта

Установите wmode = "transparent" в теге embed.

Это рабочий пример: 

<div id="flashContent" style="z-index:0;">

<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" width="100%" height="100%" id="00" align="middle">

<param name="movie" value="your_flash.swf" />

<param name="quality" value="high" />

<param name="bgcolor" value="#9d9d9d" />

<param name="play" value="true" />

<param name="loop" value="true" />

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

<param name="scale" value="showall" />

<param name="menu" value="true" />

<param name="devicefont" value="false" />

<param name="salign" value="lt" />

<param name="allowScriptAccess" value="sameDomain" />

<!--[if !IE]>-->

<object type="application/x-shockwave-flash" data="your_flash.swf" width="100%" height="100%">

<param name="movie" value="your_flash.swf" />

<param name="quality" value="high" />

<param name="bgcolor" value="#9d9d9d" />

<param name="play" value="true" />

<param name="loop" value="true" />

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

<param name="scale" value="showall" />

<param name="menu" value="true" />

<param name="devicefont" value="false" />

<param name="salign" value="lt" />

<param name="allowScriptAccess" value="sameDomain" />

<!--<![endif]-->

<a href="http://www.adobe.com/go/getflash">

<img src="flash_player.gif" alt="Get Adobe Flash player" />

</a>

<!--[if !IE]>-->

</object>

<!--<![endif]-->

</object>

</div>
0 голосов
/ 09 ноября 2011

Вам необходимо добавить wmode для обоих объектов и embed. 

<object height="205" width="950">
        <param value="images/pesbanner.swf" name="movie">
        <param name="wmode" value="transparent" />
        <embed height="205" width="950" src="images/pesbanner.swf" wmode="transparent">
</object>

Теперь это должно работать так, как вы ожидаете.

Ааа, все что вам нужно сделать, чтобы вернуть Flash bg: 

z-index:0; 
background:#ff0000

На родительском элементе.

0 голосов
/ 09 ноября 2011

Попробуйте изменить свои коляски, добавив:

wmode = "transparent" 

<param value="images/pesbanner.swf" name="movie" wmode="transparent">
...