Вывод html над флеш

Flash HTML

При вставке флеша на сайт можно столкнуться с ситуацией, когда всплывающие элементы будь-то подсказки или разворачивающаяся картинка перекрывается флешем. Использование z-index в CSS не поможет исправить эту проблему.

Но есть способ, как сделать отображение элементов на странице над флешем.

Мне, к примеру, нужно было на сайте вставить код для отображения котировок от Яндекса:

<object width="570" height="350">

<param name="chart" value="http://swf.static.yandex.net/flash-charts/extstocks/ru_ru/10/daysago-95"></param>

<param name="allowFullScreen" value="true">

<embed src="http://swf.static.yandex.net/flash-charts/extstocks/ru_ru/10/daysago-95" ENGINE="application/x-shockwave-flash" width="570"height="350" allowFullScreen="true" scale="noscale"></embed>

</object>

Всплывающее окошко регистрации появлялось за флешем и это очень мешало. Чтобы это исправить добавил параметр

<param name="wmode" value="transparent"/>

и в теге embed прописал ещё одно свойство

wmode="opaque"

(очень необходимое для браузера хром)

В итого полный код получился такой:

<object width="570" height="350">

<param name="chart" value="http://swf.static.yandex.net/flash-charts/extstocks/ru_ru/10/daysago-95"></param>

<param name="allowFullScreen" value="true"></param>

<param name="wmode" value="transparent"/>

<embed src="http://swf.static.yandex.net/flash-charts/extstocks/ru_ru/10/daysago-95" type="application/x-shockwave-flash" width="570"height="350" allowFullScreen="true" scale="noscale" wmode="opaque"></embed>

</object>

Данные параметры подходят к большинству вставляемых флеш на сайт, а если данный способ вам не помог, есть менее красивый, но более надежный – при помощи javascript, когда появляется всплывающее окно, заменять флеш картинкой заглушкой.