Начало тут: http://drupal.ru/node/25356
Думал, что проблема решена, но как выяснилось только частично.
Под любой версией IE все работает как надо, а из под свежей Mozilla Firefox меню продолжает прятаться под флэш...
Как с этим бороться? Заранее СПАСИБО!
С уважением,
Алексей.
Комментарии
используйте параметр
<param name="wmode" value="opaque">
Похоже я торможу... В каком файле нужно прописать эту строчку? Я ее прописал в photos.page.inc
После этого в IE меню "вылезло" из под флэша, а в FF это не заработало.
Вот пример: http://www.vogdenie.ru/?q=node/20/photos/view/flash (на дизайн внимания не обращаем - его там пока просто нет.)
<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:
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%;
}
“Лечится” это довольно просто, добавлением параметра wmode равным opaque. И html элемент который вы хотите поместить поверх флеш должен обязательно иметь свойство "position" со значением absolute или relative.
см. код выше