Разрешим ли конфликт Флэш и меню? (часть 2)

Главные вкладки

Аватар пользователя Alex_R Alex_R 31 марта 2009 в 9:56

Начало тут: http://drupal.ru/node/25356
Думал, что проблема решена, но как выяснилось только частично.
Под любой версией IE все работает как надо, а из под свежей Mozilla Firefox меню продолжает прятаться под флэш... Sad
Как с этим бороться? Заранее СПАСИБО!
С уважением,
Алексей.

Комментарии

Аватар пользователя Alex_R Alex_R 31 марта 2009 в 10:22

Похоже я торможу... В каком файле нужно прописать эту строчку? Я ее прописал в photos.page.inc
После этого в IE меню "вылезло" из под флэша, а в FF это не заработало.
Вот пример: http://www.vogdenie.ru/?q=node/20/photos/view/flash (на дизайн внимания не обращаем - его там пока просто нет.)

Аватар пользователя asde@drupal.org asde@drupal.org 31 марта 2009 в 11:59
<div id="layer">
        <h1>Я хочу быть поверх Flash!</h1>
</div>

<div id="flashob">
        <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="200" height="150">
                <param name="movie" value="wow.swf" />
                <param name="wmode" value="opaque" />
                 
        <!--[if !IE]>-->
        <object type="application/x-shockwave-flash" data="wow.swf" width="200" height="150">
                <param name="wmode" value="opaque" />
        <!--<![endif]-->
        <p>Alternative content</p>
        <!--[if !IE]>-->
        </object>
        <!--<![endif]-->

        </object>
</div>

И вот его CSS:

body, html {
font-family: Verdana, Arial;
color:#bf100a;
text-align:center;
margin:50px 0 0 0;
padding:0;
}
#layer {
width:100%;
position:absolute; /* Про position не забудьте */
margin-top:-40px;
*margin-top:-20px;
}
#flashob {
margin:0 auto;
height:1%;
}
Аватар пользователя asde@drupal.org asde@drupal.org 31 марта 2009 в 12:02

“Лечится” это довольно просто, добавлением параметра wmode равным opaque. И html элемент который вы хотите поместить поверх флеш должен обязательно иметь свойство "position" со значением absolute или relative.
см. код выше