webew
Войти » Регистрация
 
HTML

Перекрываем флеш всплывающими блоками

10 мая 2008, 16:21
Необходимо создать всплывающий блок (например, тултип), который будет виден поверх флеша. Думаете просто? Ничуть. Вероятнее всего флеш начисто перекроет ваш блок, даже если выставить z-index:10000.
Для решения проблемы предлагаю 2 известных мне пути:

Изменение свойств самого флеша

Если добавить в код флеша параметр:
<param name="wmode" value="transparent" />
,то абсолютно (или относительно) позиционированный ДИВ с ненулевым z-index гарантировано окажется поверх флеша.

Использование iframe

Этот способ более трудоемкий и подразумевает использование IFRAME вместо DIV-a. Всплывающий iframe кроссбраузерно перекрывает флеш. Страницу для него можно генерить на сервере или заполнять HTML-кодом прямо из JavaScript-сценария. Из минусов кроме трудоемкости:
  • При открытиии такого IFRAME с использованием загрузки страницы в ИЕ слышны характерные щелчки, как при переходе по ссылке.
  • Засоряется хистори.

Знаете еще способы? Ждем вас в комментах!

© Все права на данную статью принадлежат порталу webew.ru. Перепечатка в интернет-изданиях разрешается только с указанием автора и прямой ссылки на оригинальную статью. Перепечатка в печатных изданиях допускается только с разрешения редакции.
Добавить комментарий
NO USERPIC

rgbeast

Насколько кроссбраузено приведенное решение с формой div? Работает ли в более старых браузерах серии mozilla?
10.05.2008, 16:32
Ответить

bur

Работоспособность обоих решений проверена для Гекко-семейства в Mozilla 1.0.7+, NN7.1+ и FF1.5+ . Всё ОК.
10.05.2008, 16:42
Ответить
NO USERPIC

tenshi

ифрейм нужно динамически генерить, тогда описанных проблем не будет.
01.06.2008, 23:34
Ответить
© 2008—2017 webew.ru, связаться: x собака webew.ru
Сайт использует Flede и соответствует стандартам WAI-WCAG 1.0 на уровне A.
Rambler's Top100