Question

我有一个问题，我添加到我的html页面的javascript下拉菜单要么出现在flash图像后面，要么干扰我的flash图片中的拇指指甲。不同的浏览器和mac / PC的问题不同。

Answer 1

使用

<embed ... wmode="transparent" ...>

和/或

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

用于包含闪光灯的嵌入/对象

Answer 2

这是一个着名的问题，闪存总是出现在顶部，你可以通过给你的菜单提供一个高Z-Index值来解决这个问题，这里是我解决同样问题的例子：

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Z-indexFlash</title>

</head>
<body bgcolor="#ffffff">
<div style="width:150px; height:150px;  margin-top:0px;   ">
<div style=" position:absolute;z-index:1; top:40px; text-align:center; width:150px; height:40px; color:#FFFFFF;  background-color:#0CF; font-size:16px;"><b>Text Over Flash</b></div>
<div style="position:relative; z-index:0;height:150px;">
    <object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,0,0" width="100" height="150" id="Z-indexFlash" align="middle"><param name="allowScriptAccess" value="sameDomain" />
    <param name="allowFullScreen" value="false" />
    <param name="movie" value="Z-indexFlash.swf" />
    <param name="quality" value="high" />
    <param name="wmode" value="transparent" />
    <param name="bgcolor" value="#ffffff" />    
    <embed src="Z-indexFlash.swf" quality="high" wmode="transparent" bgcolor="#ffffff" width="100" height="150" name="Redsea_Interhous_Onrequest" align="middle" allowScriptAccess="sameDomain" allowFullScreen="false" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" />
    </object>
</div>
</div>
</body>
</html>

Answer 3

你试过用你的z-index玩吗？使菜单的z-index高于闪光灯，它们应显示在顶部

#yourNav {
    z-index: 1000;
}

#yourFlashElement {
    z-index: 0;
}

javascript下拉菜单和flash冲突

3 个答案: