flash 和 jquery 菜单问题答案

【问题标题】：flash and jquery menu problemflash 和 jquery 菜单问题
【发布时间】：2009-12-02 10:28:25
【问题描述】：

我正在使用 jquery 下拉菜单，在菜单下我正在使用 flash 横幅，我正在使用带有 swfobject_2_2 的 flash

我的代码是这样的

        <ul id="jsddm">
<li><a href="index.html">Home</a></li>

<li><a href="profile.html">Profile</a></li>
<li><a href="#">products</a>
<ul><li><a href="1.html">product 1</a></li>
<li><a href="2.html">product 2</a></li>
<li><a href="accessories.html">Accessories</a></li>
</ul>
</li>

<li><a href="contacts.html">Contact Us</a></li>
    </ul>
</li>

闪光灯

   <script type="text/javascript" src="swfobject.js"></script>
    <script type="text/javascript">
    swfobject.embedSWF("test.swf", "myContent", "300", "120", "9.0.0", "expressInstall.swf");
    </script>
        <div id="myContent">
        <p><a href="http://www.adobe.com/go/getflashplayer"><img src="http://www.adobe.com/images/shared/download_buttons/get_flash_player.gif" alt="Get Adobe Flash player" /></a></p>
    </div>

我面临的问题是

子菜单位于 Flash 菜单下。

谢谢

【问题讨论】：

标签： jquery flash menu

【解决方案1】：

将 Flash 影片对象嵌入属性 wmode 设置为透明或 不透明
即：（重要部分用粗体表示）

变量参数 = {
wmode: "透明",
};
swfobject.embedSWF("someswf.swf", "flashcontent", "100%", "100%", "9.0.124", "whereverthisis/expressInstall.swf", null, 参数);

【讨论】：

它可以在 Internet Explorer 上正常工作，但不能在 Firefox 上工作... :(
它应该适用于所有浏览器吗？（我有一个例子）您可能必须尝试为子菜单提供 z-index，具体取决于用于隐藏/显示它们的 CSS。

【解决方案2】：

您需要使用 wmode 属性：

检查一下：

http://www.communitymx.com/content/article.cfm?cid=e5141

希望这会有所帮助。

【讨论】：

不，这不是解决方案，因为我也在使用带有 swfobject 的 flash 来禁用 Internet Explorer 点击活动消息...

【解决方案3】：

您需要使用与这种情况兼容的菜单。通常解决方案是在菜单下放置一个 iframe（是的，它很丑，但 IE 需要它）。

我推荐 Chrome 菜单，因为我经常使用它。它很容易定制并且非常好：http://www.dynamicdrive.com/dynamicindex1/chrome/index.htm

不必做所有这些，使用 flash wmode 和 css z-index 有时可以解决问题。

【讨论】：