Я использую html5 шаблон. В IE 7 замена изображения не работает с A href, которая использует встроенный блок. Я просто получаю пустой снимок. Однако, если я использую встроенный блок для элемента, он работает.templateplate - замена изображения не работает с встроенным блоком на IE7
Каков правильный синтаксис для использования замены изображений в шаблоне?
<h1><a href="#" class="ir">Title</a></h1>
или
<h1 class="ir"><a href="#">Title</a></h1>
Я бы сказал, что второй. 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, а не на якорь элемент.
Хорошо, спасибо! Я думаю, что проблема с IE связана с тем, что IE 7 не знает, как правильно размещать встроенный блок. Странно, что ни один из моих хакеров IE7 не работал, чтобы заставить работать IR. – runners3431
Возможно, этот простой хак будет работать в вашу пользу: http://adriandalvarez.tumblr.com/post/6731022156/html5-boilerplate-image-replacement-helper-class-ie7 –
Возможно, полезно: http://stackoverflow.com/questions/15336367/how-to-use-the-html5-boilerplate-ir-class-with-inline-elements –