Интерактивный sIFR внутри связанных элементов

На моем незавершенном сайте есть несколько больших графических кнопок, которые используют sIFR для отображения заголовков. Структура выглядит так:

<a href="link.to.somewhere">
  <div class="topGfx"></div>
  <div class="content">
    <h2>Heading goes here</h2>
    <p>Content goes here</p>
  <div class="bottomGfx"></div>
</a>

Я заменяю элемент <h2> на sIFR 3, ревизия 436.

Все отлично работает, пока не активирую sIFR. Шрифт заменен нормально, но заголовок больше не может быть нажат, хотя остальная часть кнопки может. Я попытался добавить еще один <a> в заголовок <h2>, но это нарушило весь макет, поскольку несколько тегов <a> не могут быть вложены.

Есть ли «правильный» способ исправить это, или мне следует обойти это с помощью чего-то уродливого, например, кликабельного blank.gif с z-индексом поверх всего этого? Или что-то еще не так, что я пропустил?


person Kaivosukeltaja    schedule 28.12.2009    source источник


Ответы (2)


Чтобы ссылка работала надежно, ссылка должна находиться внутри Flash-ролика - то есть, если вы замените h2, a должен находиться внутри этого h2.

person Mark Wubben    schedule 30.12.2009

После долгих экспериментов я обнаружил, что установка wmode для sIFR в transparent позволяет кликам переходить на содержащий элемент.

person Kaivosukeltaja    schedule 04.01.2010