Встречался недавно с таким. Не знал. Спасибо!
alexpts (16 декабря, 2009 в 19:26) :
Выяснил, что в Linux параметр wmode не решает проблему с перекрытием flash. Если для проекта это критично, можно воспользоваться трюком с iframe.
(27 марта, 2009 в 18:44) :
16 Комментариев на “Как расположить блок над Flash”
Может вам будет также интересно:
Взглянув в html-код, можно заметить, что исправить её пытались и у них это даже получилось, но только в одном браузере Internet Exporer. Вызывает недоумение способ, которым это было сделано. Применён трюк с пустым iframe, который был «подложен» под позиционируемый блок. Этот способ имел бы смысл, если бы речь шла о перекрытии элемента формы select в Internet Explorer. Но зачем это сделано в данном случае, мне абсолютно не понятно, как и не понятно то, почему верстальщик такой компании как Google до сих пор не в состоянии справиться с такой простой проблемой. И вообще, он тестирует сайт в других браузерах? Например в Google Chrome…
Но сегодня я обратил внимание на изменения на сайте Google Video. Сайт, очевидно, подвергся редизайну и в целом изменился в лучшую сторону. Однако и здесь присутствует эта досадная ошибка.
Вообще-то, решение этой проблемы известно уже очень давно даже начинающим веб-дизайнерам. Я бы не стал поднимать эту тему, если бы не разработчики сайта Google. Они буквально вынудили меня это сделать. Долгое время я мирился с этой ошибкой на сайте Youtube, там выпадающий список с навигацией перекрывается флэшкой, хотя и не очень сильно. (вам нужно войти на сайт под своим паролем и при просмотре видео-ролика навести курсор на свой логин в верхней навигации).
<embed wmode="transparent" ...></embed>
<param name="wmode" value="transparent" />
Думаю уже и так всё понятно, замечу лишь, что параметр нужно указать и для object и для embed. Совсем необязательно делать это при создании и публикации flash, вы можете указать параметры прямо в коде html-документа:
transparent: похож на opaque, но вдобавок ещё и позволит фону html-страницы «проглядывать» через все прозрачные элементы флэш-ролика
opaque: в этом режиме флэш становится частью документа и отрисовывается согласно всем правилам обычного элемента страницы
window: установлен по-умолчанию и отображает flash как бы в своём отдельном окне браузера, вынув его из общего потока html
Всё дело в параметрах flash-ролика, внедряемого на веб-страницу. Один из таких параметров Windows Mode (wmode). Данный параметр может принимать следующие значения:
Проблема расположения блоков над flash-содержимым известна уже давно. Суть её заключается в следующем: если на сайте есть flash-ролик, то для расположения блока поверх него стандартных свойств CSS будет недостаточно. Указав для такого блока абсолютное позиционирование и z-index вы не добьётесь желаемого результата. Флэш всё равно окажется поверх него.
Опубликовано: 25 марта, 2009 | Рубрика: | Тэги: , , , , |
записки веб-разработчика
Как расположить блок над Flash - WebCocktail
Комментариев нет:
Отправить комментарий