css - css スプライト画像が ie9 でクリックできない

Question

<a>タグとスパンがネストされたボタンを作成しました。スパンにはボタンのアイコンが保持されます。スプライト画像である背景画像を使用しました。

chrome と FF ではすべて問題なく動作しますが、IE9 ではボタンの画像をクリックできません。つまり、いわゆるアイコンをクリックしても何も起こらず、アクションもスタイリングも表示されません。

以下は、ボタンの HTML です。

<a class="btn"  href="#" title="Cancel">
    <span class="icon iconCancel"></span>Cancel
</a>

フィドルを更新しました：

http://jsfiddle.net/EWppd/20/

ありがとう！

Answer 1

あなたのフィドルは問題をまったく説明していないようです。

これを行うには、 と に幅と高さを指定し、aとスパンをspanに設定するa必要があります。次に、背景画像をスパンに設定し、ホバー時にその位置をシフトします。position: relativeposition: absolute; top: 0; left: 0;a