Размещение div перед вставкой flash - PullRequest
Новая
       5

Размещение div перед вставкой flash

7 голосов
/ 21 января 2010

Мне нужно поместить тег div выше буквально всего остального на странице. Я читал, что установка wmode param в opaque сделает это, но также слышал, что это повлияет только на IE. Это правда? Как ты это делаешь?

Ответы [ 2 ]

7 голосов
/ 21 января 2010

В вашем тэге флеш-апплета просто введите: 

<object id='flashObject' ....>
    <param ....>
    <param name='wmode' value='opaque'>
    <embed ... wmode='opaque'>
    </embed>
</object>

Это должно позаботиться об этом.

Обратите внимание, что недостатком этого является замедление рендеринга как для флэш-фильма, так и для элементов страницы, но в большинстве случаев это не должно быть проблемой.

Кроме того, благодаря включению этого параметра в качестве параметра объекта и атрибута embed он работает во всех основных браузерах.

Редактировать в соответствии с комментарием MidnightLighning:

Как только объект флеш-памяти подготовлен таким образом, вам нужно переместить элемент div по странице, например, так: 

<body>
    <object> ... <!-- this is your flash movie --> </object>
    <div id="floater">The Floating Div</div>
</body>

Затем создайте свой CSS следующим образом: 

#flashObject { position:relative; z-index:1 }
#floater { position:absolute; z-index:100; top:0; left:0; }
0 голосов
/ 25 января 2010

На моем клиентском сайте я использовал html: 

<div id="photo>
  <div id="flash"></div>
  <ul id="navigation">..</ul>
</div>

CSS: 

#flash { z-index: 6; }
#navigation { z-index: 8; margin-top: -100px; }

и затем я заменяю #flash своей вспышкой swf на SWFObject (http://code.google.com/p/swfobject)

Так что в основном z-index и какой-то умный способ встроить flash должны работать:)

...