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