Как обернуть flash-баннер ссылкой

Пару раз в моей практике возникала необходимость сделать на сайте ссылку с флеш-баннера (файл формата swf) на определенную страницу.

Проблема здесь заключается в том, что если вы просто обернете flash ссылкой, например, так

<a href="url">код flash-ролика</a>

то это не будет работать.

Проблема здесь видимо в том, что флеш имеет бесконечный z-index, который располагает его над ссылкой.

Читал, что это можно исправить (понизить индекс), указав параметр баннера

<param name="wmode" value="opaque"> или wmode="opaque"

однако у меня это по каким то причинам не сработало.

В итоге я обернул flash в тег div, у которого задал z-index = 0, а над баннером разместил ссылку в виде блока с размерами, равными баннеру.

Получился такой код, который у меня работает, по крайне мере, на гугл хром.

<div class="swf" style="position: relative;">
    <a style="position: absolute; width: 244px; height: 105px; left: 0; top: 0;" href="ссылка"></a>
    <div style="z-index:0;">
        <object ... >
        </object>
    </div>
</div>

Пояснения по коду.

Все находится внутри div class=”swf”. Он нужен, чтобы внутри него спозиционировать линк и flash-баннер. Инструкция position: relative как раз для этого.

Далее идет ссылка, позиционируемая left: 0; top: 0, и с размерами, равными размерам баннера (width и height).

Затем, как я уже говорил, идет div с инструкцией z-index:0, чтобы понизить баннер ниже ссылки. Object – здесь код вашего баннера.

2 комментария

  1. asian 6 лет назад
    • admin 6 лет назад

Добавьте комментарий

* Нажимая на кнопку "Отправить" Вы соглашаетесь с политикой конфиденциальности.