[Помощь] Меню уходит под Flash

Да! Тема очень даже актуальна!
Можно пример с реализованным взаимодействием <div> + CSS?
 
Пример: Для просмотра ссылки Войди или Зарегистрируйся . Левый верхний угол-флеш. Заключается в <div>. Адреса (с правой стороны) заключены в свой <div>.
Структура такая:

<div>флеш</div>
<div style="......">адреса</div>

При помощи стилей ты можешь переместить АДРЕСА в любое место, в том числе и "наехать" на флэш, таком образом АДРЕСА окажутся по верху флеша. Работает всегда! Так же можно поместить и меню ..... да и все что угодно.
Поиграйся с Firebug.

На сайте на который ссылаются в начале темы (Для просмотра ссылки Войди или Зарегистрируйся), сделано точно так же. В css стоит top: -26px
 
да, если бы у меня был банер:)
на главной странице сайта, флеш анимация 650px на 800px, появляются дома, катается общественный транспорт:ah: весит всё это около 800кб
стоит включить прозрачность или функцию
opaque
, на слабеньких компах анимация начинает притормаживать, просканил интернет и понял что это нормальное явление при использовании прозрачности, повышается потребление оперативки...
Решения проблемы я не нашёл, вот и решил попытать счастья на любимом форуме:)
С прозрачностью у флеша всегда была проблема, но тормоза могут быть из за не закрытого цикла, длинного цикла. Лучше любые постоянные изменения во флеше запускать через код в АС. Убедился чем больше слоев тем сильнее грузит ЦПУ
 
Извиняюсь что не по теме, но не нашел где опубликовать ....
Случайно наткнулся в инете. Прозрачный ФЛЕШ над картинкой .... весит 5кб! Прикольно!
_ttp://ngcu.ru/
 
разные z-index у дивов с флешем и меню, и position:absolute у обоих контейнеров и будет вам щастье))
 
У меня была подобная проблема когда выполнил меню с position:fixed. При этом флеш сразу ушла под меню. Пришлось развести из дополнительным блоком div.
 
DIV поверх флэш


Существует стопроцентно кроссбраузерное решение. Хотя может это и не очень официально со стороны Adobe, но тем не менее, именно этот метод они используют у себя на сайте.

При размещении Flash на странице (совершенно не важно, каким методом, будь-то стандартным от Adobe, либо используя SWFObject) необходимо использовать атрибут/параметр wmode тэга object/embed со значением «opaque».

Естественно — это только первый шаг. О том как позиционировать глубину «дивов» — здесь рассказывать смысла нет :)

<script type="text/javascript" src="js/swfobject.js"></script>
<script type="text/javascript">swfobject.embedSWF("main.swf", "flash", "100%", "100%", "8", null, null, {menu:"false", wmode:"opaque"});</script>
................................................
<div id="over-holder"><p>А этот текст мы видим поверх Флэш</p></div>
<div id="flash">А тут будет сам Флэш</div>


Теперь, манипулируя значениям z-index, вы можете размещать поверх flash все что угодно.

ССЫЛКА НА СТАТЬЮ- _ttp://habrahabr.ru/post/50334/#habracut
 
  • Нравится
Реакции: Offi
По сути надо просто учитовать что в хтмл - такие же слои как и во флеше и надо просто позиционировать объекты относительно друг-друга)
 
Назад
Сверху