0

私はcssスプライト技術を使用して、サイト上のすべてのボタンを1つのPNG画像に保持しています。

この手法は、通常のスタイルボタンのすべてのブラウザーで正常に機能しますが、IE 7/8の場合、cssクラスを使用して画像を定義するすべての入力に境界線と赤いxが表示されます。この手法はFirefoxでうまく機能します。

私はここで何かが欠けていますか?

HTML:

http://img85.imageshack.us/img85/7493/spriteerrorhtml.png

CSS:

http://img514.imageshack.us/img514/1382/spriteerrorcss.png

比較:

http://img99.imageshack.us/img99/3251/spriteerrorcomparison.png

4

2 に答える 2

1

「赤いX」は、IMG要素のSRC(またはSRCで指定された無効/使用不可のリソース)がないために発生します。

透明な「スタブ」画像を使用して、この問題を修正できます。また、IMGでもBORDER = 0を設定してください(理由を推測します:-)。

于 2010-06-19T04:44:20.033 に答える
0

CSSコードから背景部分を変更してみてください。

background: url('XXXXXXXX.png')  no-repeat

CSSの構文解析の問題だと思います

于 2010-06-19T05:01:45.110 に答える