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

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

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

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

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

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

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

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

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

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

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

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

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

Оцените статью
Делаем сайт своими руками
Комментарии: 2
  1. asian

    Здравствуйте, а Вы не могли бы этот код расширить то есть обозначить где и как вставлять путь ссылок то есть где прописать адрес сайта.
    С уважением Михаил

    Ответить
    1. Ложников Андрей (автор)

      Михаил, не вполне понял вопрос. Адрес сайта — это куда должна идти ссылка с флэш-баннера? Эту ссылку нужно вставлять в теге ‘a’ в атрибуте href.

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