нужна помощь с селекторами 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-индекс: -1; положение: относительное; }

.header { цвет фона: # 000; положение: относительное; z-индекс: 1; }

Я пробовал разные вещи со свойством z-index, чтобы раскрывающийся список отображался над этим содержимым, но безрезультатно. Может ли это быть флэш-приложение, которое вызывает проблему? Пожалуйста, помогите новичку.

Приветствия

Мэтт

Answer 1

Нет способа поместить элементы HTML поверх flash ... извините:)

Если бы у меня была такая проблема, я перепробовал все сценарии и фрагменты кода или "заказные" решения, и наконец я прочитал спецификации флэш-памяти @ Adobe, где специалисты говорят, что это невозможно сделать 1003 *

РЕДАКТИРОВАНИЕ:

Ну, похоже на sdolan и AJ, где "более или менее" верно, используя:

code.google.com / p / swfobject код для вставки flash, для него есть параметр:

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

это делает возможным то, что Мэтт хочет ... (конкретный код, для конкретной проблемы):)

Answer 2

Я считаю, что это проблема с оконным режимом 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>

В основном выстрел в темноте, поэтому я прошу прощения, если это не сработает.

Answer 3

Я полагаю, вы используете MSIE в качестве целевого браузера? По умолчанию встроенные элементы отображаются над всеми остальными элементами (это довольно распространенное раздражение). Один из вариантов - скрыть оскорбительные элементы или просто не использовать их!