2010-06-18 1 views
0

Я использую метод CSS sprite для хранения всех кнопок на сайте в одном PNG-изображении.IE7 8 Не играет хорошо с помощью спрайтов На входах?

Этот метод отлично работает во всех браузерах обычных кнопок стиля, однако для IE 7/8 он показывает границу и красный x на любом входе, где я использую класс 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

+0

Может быть, слишком общий вопрос, чтобы ответить, не видя HTML/CSS и, вероятно, спрайт тоже. – mVChr

+0

Невозможно предоставить доступ к спрайту, потому что у него есть идентификационная информация, но вот HTML, CSS Associated и Comparisons, что я получаю IE7 против Firefox –

ответ

1

"Красный X" происходит потому, что для элемента IMG отсутствует SRC (или недопустимый/недоступный ресурс, указанный в SRC).

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

0

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

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

Я думаю, что это проблема CSS синтаксический

Смежные вопросы