需要有关 CSS 选择器的帮助

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{ 左边距：5%； 保证金权利：5％； 保证金底部：5%； 最高保证金：5%； 背景颜色：#fff； 边框：实心5px； z-index：-1； 位置：相对； }

.header{ 背景颜色：#000； 位置：相对； z-index：1； }

我一直在尝试使用 z-index 属性进行不同的操作，以使下拉菜单显示在此内容上方，但无济于事。可能是导致问题的Flash应用程序吗？请帮助一个菜鸟。

干杯，

马特

Answer 1

您无法将 html 元素放在 flash 上...抱歉 :)

遇到这个问题，我已经尝试了所有脚本和代码 sn-ps 或“定制”解决方案，最后，我阅读了 @ Adob​​e 的 Flash 规范，其中技术人员明确表示无法做到： )

已编辑：

嗯，看起来像 sdolan 和 AJ，其中“或多或少”是对的，使用：

code.google.com/p/swfobject嵌入flash的代码，有一个参数：

so.addParam("wmode", "opaque");

这使 Matt 想要的成为可能...（特定代码，针对特定问题）:)

Answer 2

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

Answer 3

我相信这是 Flash 的窗口模式总是在一切之上的问题。再多的 z 索引也无法解决这个问题。如果我没记错的话，添加以下代码应该可以解决它（尽管我处理这个问题已经很长时间了。）

<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>

主要是在黑暗中拍摄，所以如果它不起作用，我深表歉意。