扩展菜单不会出现在Flash图片上

Question

我在页面上有一个下拉/多级CSS菜单。 但是，菜单不会在Flash上​​显示。我将<param value="transparent" name="wmode"/>放入

我在EMBED标签中添加了wmode="transparent" ，然后出现了扩展菜单，但闪烁出现的Flash图像颜色也尝试在CSS中使用z-index。

<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;
}

该菜单内容隐藏在闪光灯后面。

Answer 1

尝试通过添加以下内容来更改您的婴儿车：

wmode =“ transparent”

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

Answer 2

编辑：
要保留Flash背景，请使用div样式，例如

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

---

将Flash内容包装在div中，并将“ z-index”应用于“ 0”

将< param name="wmode" value="transparent" />到您的对象标签中

在embed标签中设置wmode =“ transparent”。

这是一个工作示例：

<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>

Answer 3

您需要将wmode添加到对象并进行嵌入。

<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

在父元素上。

Answer 4

试试<param name =“ wmode” value =“ opaque” />