IE7 \ 8 плохо работает со спрайтами на входах?

Question

Я использую технику css sprite, чтобы удерживать все кнопки на сайте в одном PNG-изображении.

Этот метод отлично работает во всех браузерах на ваших обычных кнопках стиля, однако для IE 7/8 он показывает рамку и красный крестик на любом входе, где я использую класс css для определения изображения. Эта техника отлично работает для 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» возникает из-за отсутствия SRC (или недопустимого / недоступного ресурса, указанного в SRC) для элемента IMG.

Вы можете использовать прозрачныйИзображение заглушки, чтобы исправить эту проблему.Также убедитесь, что для IMG установлено BORDER = 0 (угадайте почему: -).

Answer 2

Пожалуйста, попробуйте изменить фоновую часть из кода CSS:

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

Я думаю, что это проблема разбора CSS