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

时间:2011-11-09 09:46:31

标签: css flash drop-down-menu swfobject

我在页面上有一个下拉/多级CSS菜单。然而,菜单不会出现在flash.i put <param value="transparent" name="wmode"/>

我将wmode="transparent"添加到EMBED标签,然后出现了展开的菜单,但是闪现图像的颜色在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>

in style.css

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

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

4 个答案:

答案 0 :(得分:0)

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

WMODE = “透明”

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

答案 1 :(得分:0)

编辑:
要保留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>

答案 2 :(得分:0)

您需要将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

在父元素上。

答案 3 :(得分:0)

尝试&lt; param name =“wmode”value =“opaque”/&gt;