我有一个这样的菜单:
<div class="header">
<ul class="nav">
<li><a class="home" href="four80eastfan_home.php"><img src="Images/home_button.png"></a></li>
<li><a class="albums"><img src="Images/albums_button.png"></a>
<ul>
<li><a class="Album" href="four80eastfan_thealbum.php"><img src="Images/the_album.png"></a></li>
<li><a class="Nocturnal" href="#"><img src="Images/nocturnal.png"></a></li>
<li><a class="Round3" href="four80eastfan_round3.php"><img src="Images/round3.png"></a></li>
<li><a class="EnRoute" href="#"><img src="Images/en_route.png"></a></li>
<li><a class="RollOn" href="#"><img src="Images/roll_on.png"></a></li>
</ul>
</li>
<li><a class="band"><img src="Images/band_button.png"></a></li>
<li><a class="members"><img src="Images/members_button.png"></a></li>
</ul>
当我将鼠标悬停在“相册”部分上时,下拉菜单会被其下方的内容覆盖,这就是:
<div class="content_text">
<object width="100%" height="100%">
<param name="movie" value="web/simpleviewer.swf"></param>
<param name="allowFullScreen" value="true"></param>
<param name="allowscriptaccess" value="always"></param>
<param name="bgcolor" value="ffffff"></param>
<embed src="web/simpleviewer.swf" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="100%" height="100%" bgcolor="ffffff"></embed>
</object>
</div>
相关CSS:
.content_text { margin-left:5%; 保证金权利:5%; 保证金底部:5%; 保证金最高限额:5%; background-color:#fff; 边界:固体5px; z-index:-1; 位置:相对; }
.header { 背景色:#000; 位置:相对; z-index:1; }
我一直在尝试使用z-index属性进行不同的操作,以使下拉列表显示在此内容之上,但无济于事。可能是导致问题的Flash应用程序?请帮助一个菜鸟。
干杯,
马特
答案 0 :(得分:2)
你无法将html元素放在flash上...抱歉:)
如果有这个问题,我已经尝试了所有脚本和代码片段或“定制”解决方案,我终于,我已经阅读了Flash规范@Adobe,其中技术人员明确表示无法完成:)< / p>
<强>编辑:强>
嗯,看起来像sdolan和AJ“或多或少”正确,使用:
用于嵌入Flash的code.google.com/p/swfobject代码,有一个参数:
so.addParam(“wmode”,“opaque”);
使Matt想要的东西......(特定代码,特定问题):)
答案 1 :(得分:1)
我假设您使用MSIE作为目标浏览器?默认情况下,嵌入的项目将出现在所有其他项目之上(这是一个非常常见的烦恼)。一种选择是隐藏有问题的元素 - 或者只是不使用它们!
答案 2 :(得分:1)
我认为这是一个问题,Flash的窗口模式总是在所有东西之上。没有多少z-indexing可以解决这个问题。如果我没记错的话,添加以下代码应该修复它(虽然我已经很长时间处理了这个问题。)
<div class="content_text">
<object width="100%" height="100%">
<param name="movie" value="web/simpleviewer.swf"></param>
<param name="allowFullScreen" value="true"></param>
<param name="allowscriptaccess" value="always"></param>
<param name="bgcolor" value="ffffff"></param>
<param name="wmode" value="transparent"></param>
<embed src="web/simpleviewer.swf" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="100%" height="100%" bgcolor="ffffff" wmode="transparent"></embed>
</object>
</div>
大部分是在黑暗中拍摄,所以如果它不起作用我会道歉。