На моем незавершенном сайте есть несколько больших графических кнопок, которые используют 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-индексом поверх всего этого? Или что-то еще не так, что я пропустил?