шаблон — замена изображения не работает со встроенным блоком в IE7

Я использую шаблон html5. В IE 7 замена изображения, похоже, не работает с A href, который использует встроенный блок. Я просто получаю пустое изображение. Однако, если я использую встроенный блок в абзаце, элемент работает.

каков правильный синтаксис для использования замены изображения в шаблоне?

<h1><a href="#" class="ir">Title</a></h1>

or

<h1 class="ir"><a href="#">Title</a></h1>

html boilerplate
person runners3431    schedule 13.06.2013    source источник
comment
Может быть полезно: stackoverflow.com/questions/15336367/   -  person    schedule 13.06.2013

Ответы (1)


arrow_upward
0
arrow_downward

Я бы сказал второй. ir класс модифицирует элемент h1. В документации говорится:

Add the .ir class to any element you are applying image-replacement to. When replacing an element's content with an image, make sure to also set a specific background-image: url(pathtoimage.png);, width, and height so that your replacement image appears.

поэтому имеет смысл применять к элементу h1, а не к элементу привязки.

person Community    schedule 13.06.2013
comment
Хорошо спасибо! Я думаю, что проблема с IE была связана с тем, что IE 7 не знал, как правильно размещать встроенный блок. Как ни странно, ни один из моих хаков с ie7 не помог заставить работать IR. - person runners3431; 13.06.2013
comment
Возможно, этот простой лайфхак сработает в вашу пользу: adriandalvarez.tumblr.com/post/6731022156/ - person ; 13.06.2013