需要css选择器的帮助

时间:2010-06-03 22:45:24

标签: css

我有一个这样的菜单:

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

干杯,

马特

3 个答案:

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

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