Question

我有一个这样的菜单：

<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应用程序？请帮助一个菜鸟。

干杯，

马特

Answer 1

你无法将html元素放在flash上...抱歉：）

如果有这个问题，我已经尝试了所有脚本和代码片段或“定制”解决方案，我终于，我已经阅读了Flash规范@Adobe，其中技术人员明确表示无法完成：）< / p>

<强>编辑：

嗯，看起来像sdolan和AJ“或多或少”正确，使用：
     用于嵌入Flash的
code.google.com/p/swfobject代码，有一个参数：

so.addParam（“wmode”，“opaque”）;

使Matt想要的东西......（特定代码，特定问题）：）

Answer 2

我假设您使用MSIE作为目标浏览器？默认情况下，嵌入的项目将出现在所有其他项目之上（这是一个非常常见的烦恼）。一种选择是隐藏有问题的元素 - 或者只是不使用它们！

Answer 3

我认为这是一个问题，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>

大部分是在黑暗中拍摄，所以如果它不起作用我会道歉。

需要css选择器的帮助

3 个答案: