Разместить ссылку поверх object

Разместить ссылку поверх object

Достаточно распространенная проблема веб-мастеров - это как разместить содержимое поверх флеш объекта. z-index или tranparent здесь не помогают.

Флеш упорно остается сверху. И если хром и ему подобные научились бороться с этой проблемой (тот же z-index), то мозилла в этом плане "опять" отстающая. Ну что ж. Придется искать другое решение. И оно существует.

Решение достаточно простое. Смысл его в том, что нужно обернуть наш флеш объект в контейнер (например, div). После этого вставляем ссылку (или любое другое содержимое, которое нам нужно), после нее идет сам флеш объект.

Теперь добавляем в свойства флеш объекта параметр: wmode="opaque" таким образом, чтобы получилось что-то типа:

<object width="620" height="100">
<param name="movie" value="/images/fish.swf" >
<embed src="/images/fish.swf" width="620" height="100" wmode="opaque">
</embed>
</object>

Теперь остается только поставить свойство position:relative; в стили css для контейнера (в который мы оборачивали содержимое в самом начале), а нашей ссылке задать абсолютное позиционирование и размеры флеш объекта. Для надежности можно также поставить бОльший z-index у ссылки. Не забывайте, что z-index работает только при заданном позиционировании. Всем удачи.

26.03.17
Для просмотра сайта обновите браузер.