0

使用している画像スプライトがありますが、IE9 では正しく表示されません。

Firefox では正常に動作しますが、画像の上に灰色の境界線と記号が表示されます (図のように)。また、Chrome でもまったく機能しません。画像は表示されますが、グレーの境界線が表示されます。

これを取得する CSS コードは次のとおりです。

#see_more_vendors {
background:url('vendor_sprite.png') no-repeat 0px 0px; height: 60px; width:135px; display:block;}

これはhtmlです：

<td><a href="#"><img id="see_more_vendors" alt=""/></a>

(それは問題ではないので、画像の先頭のアドレスを削除しました。)

Chrome では灰色の境界線しか表示されていなかったので、最初は境界線だと思っていました。しかし、その後、Internet Explorer で見ましたが、このようなケースはオンラインで見たことがありません。

これは、境界線がなく、左上隅にアイコンがない場合の画像の外観です。

http://imageshack.us/photo/my-images/713/examplec.jpg/

4

1 に答える 1

1

これを複数回使用する場合は、css でクラスを作成します。

.see_more_vendors {
background:url('vendor_sprite.png') no-repeat 0px 0px; height: 60px; width:135px;display:block;}

A タグは次のようになります。

<a class="see_more_vendors" href="#">&nbsp;</a>

投稿された画像 (imageshack) でわかるように、背景は表示されますが画像は表示されないためです。imgタグsrcが空なので。&nbsp;あなたがより良い方法を知っているなら、私はそれを使います。ありがとう。

于 2012-06-04T21:49:44.840 に答える