Blog. Just Blog

Размещение контента на HTML-странице поверх Flash

Версия для печати Добавить в Избранное Отправить на E-Mail | Категория: Web-мастеру и не только | Автор: ManHunter
На разных сайтах в Интернете я часто сталкиваюсь с тем, что на них расположены Flash-объекты, например, видеоплееры с YouTube или фрагменты оформления дизайна на Flash. И при этом различные элементы - плавающие или с абсолютным позиционированием, например, раскрывающиеся меню или всплывающие подсказки, перекрываются областью, занимаемой Flash-объектами. Причем использование атрибута стиля z-index ситуацию не спасает, и в итоге все смотрится очень некрасиво. А ведь решение проблемы очень простое: достаточно в описании Flash-объекта указать параметр wmode со значением opaque:
  1. <param name="wmode" value="opaque">
Получится что-то вроде такого:
  1. <div style="position:relative;">
  2.     <div style="position:absolute;">HelloWorld!</div
  3.  
  4.     <object type="application/x-shockwave-flash" data="flash.swf">
  5.         <param name="menu" value="false" />
  6.         <param name="quality" value="high" />
  7.         <param name="wmode" value="opaque">
  8.         <param name="movie" value="flash.swf" />
  9.     </object>     
  10. </div>
В приведенном примере плавающий элемент div с текстом "Hello, World!", позиционированный относительно общего контейнера, будет расположен поверх Flash-ролика. Этот способ валидный и кроссбраузерный, а расположение Flash-объекта на странице теперь можно регулировать с помощью атрибута z-index. Готовый пример можно посмотреть на сайте.

Поделиться ссылкой ВКонтакте Поделиться ссылкой на Facebook Поделиться ссылкой на LiveJournal Поделиться ссылкой в Мой Круг Добавить в Мой мир Добавить на ЛиРу (Liveinternet) Добавить в закладки Memori Добавить в закладки Google
Просмотров: 7268 | Комментариев: 12

Внимание! Статья опубликована больше года назад, информация могла устареть!

Комментарии

Отзывы посетителей сайта о статье
Евгений (17.06.2014 в 20:13):
Ага, как-то оно само по себе получилось...
Спасибо - не знал (7 лет опыта). Напьюсь вечером....
Евгений (17.06.2014 в 19:25):
Ни спасает (((
ManHunter (03.04.2013 в 17:47):
Вот тут очень классно написано, конкретно по твоей проблеме - в параграфе 49:
http://www.evartist.narod.ru/text1/33.htm
Читай, изучай, а только потом приходи спрашивать.
Kvark (03.04.2013 в 17:41):
а как быть если грузиться флеш во фрейме и генерируеться "на лету"?
ArtIrinka (29.12.2011 в 14:15):
Спасибо, статья помогла
ManHunter (17.03.2011 в 10:34):
Можно. Иди на форумы флешеров и спрашивай там.
Серега))) (17.03.2011 в 10:18):
А можно наоборот?вставить html во flash?
ManHunter (04.02.2011 в 14:48):
Что мешает посмотреть нужный тег object в исходном коде этого фрейма?
daornet (04.02.2011 в 14:47):
А как быть теперь. Youtube стал давать код видео без тега object просто в iframe.
Вадим (29.11.2010 в 22:41):
Да, стоит добавить - если у вас Flash код пишется в другом виде, то данный параметр  можно добавить так: wmode="opaque"
ManHunter (18.11.2010 в 22:22):
Ну кто-то знает, кто-то нет, я вот тоже не так давно узнал. А сисьге - это наше всё :)
Вадим (18.11.2010 в 22:08):
Давно знал это. Но все равно спасибо - тема Сисек раскрыта полностью! :)))

Добавить комментарий

Заполните форму для добавления комментария
Имя*:
Текст комментария (не более 2000 символов)*:

*Все поля обязательны для заполнения.
Комментарии, содержащие рекламу, ненормативную лексику, оскорбления и т.п., а также флуд и сообщения не по теме, будут удаляться. Нарушителям может быть заблокирован доступ к сайту.
Наверх
Powered by PCL's Speckled Band Engine 0.2 RC3
© ManHunter / PCL, 2008-2017
При использовании материалов ссылка на сайт обязательна
Время генерации: 0.05 сек. / MySQL: 2 (0.0029 сек.) / Память: 4.5 Mb
Наверх