HTML 5 позволяет разместить элемент блока внутри привязанного тега. Есть ли работа, чтобы сделать так, чтобы IE7 также поддерживал это?

Привет, я хочу копать в html5, я использовал html5boilerplate, у которого есть modernizr.js. Я написал следующий код, но кажется, что IE7 его не поддерживает. Каков обходной путь для него с использованием modernizr, поэтому он может работать в IE7. Я не очень хорошо знаком с html5, html5bp и modernizr. Ваша помощь будет оценена!HTML 5 позволяет разместить элемент блока внутри привязанного тега. Есть ли работа, чтобы сделать так, чтобы IE7 также поддерживал это?

<a href="/somlink"> 
    <img src="/img/someimage.jpg" alt="some image"> 
    <span>Some Caption</span> 
    <h1>Some Heading<span class="subtext">Inside Anchor</span></h1> 
</a>

источник

2012-02-09 Imran

Я думал, IE7 позволил вам сделать это в любом случае. Что происходит, когда вы это делаете? –

Да, он отображается, и изображение также доступно кликам, но не делает другие элементы доступными для нажатия. – Imran

http://jsbin.com/ilojim/ Для меня это работает в IE7. 'Img',' span' и 'h1' доступны для кликов. –

Основываясь на комментариях выше, это будет работать в IE7 без каких-либо действий.

Проблема в том, что вы используете position:absolute на span и h1. Они по-прежнему доступны для кликов, но курсор делает его похожим на то, что нет. Просто добавьте cursor:pointer, чтобы обойти это.

См: http://jsbin.com/ilojim/4/

источник

2012-02-09 11:08:07

Это действительно работает даже в IE 7. HTML5 просто собирается стандартизировать обычную практику. Но реальная проблема заключается в следующем: как вы передаете идею «это интерактивная ссылка, и все это составляет одну ссылку» для пользователя? Браузеры отличаются тем, как они отображают контент на уровне блоков в ссылках, и трудно сказать, как это должно быть *. –

@ JukkaK.Korpela Если это очевидно, где весь div должен быть связан, тогда все должно быть в порядке. Например, в ссылке профиля под ответом, это _looks_ как фотография, и имя пользователя будет ссылаться на профиль. Таким образом, одна ссылка вокруг всего блока должна быть в порядке. –

HTML 5 позволяет разместить элемент блока внутри привязанного тега. Есть ли работа, чтобы сделать так, чтобы IE7 также поддерживал это?

ответ

Смежные вопросы