Отправляет email-рассылки с помощью сервиса Sendsay
  Все выпуски  

Лексиум (анонсы блога профессионального web-мастера) Как поставить Div поверх flash


При верстке иногда хочется вставить flash в background, т.е. фоном, а поверх flash вставить что-нибудь другое.

Ну хотя-бы как на этом сайте на главной, если навести на эльфа в правой колонке, появится календарь публикаций.

Как это сделать.

Скажу сразу сделать flash бэкграундом на сегодня нельзя. Не поддерживается браузерами.

Выход из положения

1. Отключаем нечувствительность flash к слою

По умолчанию flash-объект всегда вылезает в передний слой.

Сказать ему свое «ай-ай-ай» можно через параметр wmode.

Чувствительны к слою два его значения:

  • transparent (убирает у флэш-объекта фон, но притормаживает графику)
  • opaque (самое оно)

Как передать эти значения flash-объекту?

Если флэшка вставлена стандартным способом, то где-нибудь перед тэгом </object> добавьте непарный тэг<param name="wmode" value="opaque" /> (либо замените значение value если он уже есть).

В тэг <embed ... > (если он есть) перед «>» добавьте wmode="opaque" (если уже есть, измените значение на указанное).

2. Накладываем элемент верхнего слоя

Путем позиционирования (position:absolute;top:X;left:Y;z-index:9999;) накладываем div с тем содержимым, которое должно быть поверх flash.

Если ваш сайт не привязан к краю, а, как у меня, находится в контейнере с фиксированной шириной по середине экрана, делаем так:

Один div позиционируем абсолютно (position:absolute;) и в качестве позиции right (если флешка слева) или left (если она справа) ставим 50%.

В этот div вставляем еще один div с заданной шириной и позиционированиемposition:relative;, которое наложит наш внутренний div (с элементом) поверх flash.

Как видите DIV и пр. поверх FLASH — это вполне реально.

А с вами был Лексиум.
До встречи))

Здесь можно оставить свои комментарии. Выпуск подготовленплагином wordpress для subscribe.ru


В избранное