html - 定型文 - IE7 のインライン ブロックで画像の置換が機能しない

Question

私はhtml5ボイラープレートを使用しています。IE 7 では、インライン ブロックを使用する A href で画像の置換が機能しないようです。空白の画像が表示されます。ただし、段落でインラインブロックを使用すると、要素が機能します。

ボイラープレートで画像置換を使用するための正しい構文は何ですか?

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

また

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

Answer 1

二つ目と言いますか。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 要素に適用するのが理にかなっています。