2010-06-18 28 views
0

我使用css sprite技術在一個PNG圖像中保存網站上的所有按鈕。IE7 8不能和精靈一起玩輸入嗎?

這項技術可以正常的風格按鈕上的所有瀏覽器上正常工作,但對於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

+0

也許,太一般了一個問題,而不會看到HTML/CSS和可能的回答精靈也是。 – mVChr 2010-06-18 22:00:50

+0

無法訪問精靈,因爲它具有識別信息,但是這裏是HTML,CSS關聯和我得到IE7與Firefox的比較 – 2010-06-18 22:22:22

回答

1

「紅X」因爲IMG元素沒有SRC(或SRC中指定的無效/不可用資源)。

您可以使用透明的「存根」圖像來解決該問題。另外,確保在IMG上設置BORDER = 0(猜猜爲什麼:-)。

0

請嘗試更改背景部分的CSS代碼:

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

我認爲這是一個CSS解析問題