IE7 \\ 8不能與輸入的Sprite一起很好地玩嗎？

Question

我正在使用css sprite技術將站點上的所有按鈕保存在一個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

Answer 1

之所以會出現“紅色X”，是因為沒有IMG元素的SRC（或SRC中指定的無效/不可用資源）。

您可以使用透明的“存根”圖像來解決該問題。 另外，還要確保在IMG上也設置BORDER = 0（猜為什么：-）。

Answer 2

請嘗試從CSS代碼更改背景部分：

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

我認為這是CSS解析問題