Css Sprites и проблема IE8

Я работаю над сайтом с почти 30 фоновыми изображениями, поэтому я решил создать «спрайт-изображение» и использовать атрибут background-position в CSS.Css Sprites и проблема IE8

В FF и Opera весь дизайн отображается правильно, но в IE8 у меня проблема. Кажется, IE8 неправильно позиционирует изображение. Я вижу тонкую линию в нескольких местах между изображениями. Иногда, когда я увеличить с помощью мыши выделите линия исчезает, то снова показывает ...

Например, я использую спрайтов что-то вроде этого:

#index { 
     margin-left:0px; 
     margin-top:0px; 
     width:327px; 
     height:57px; 
     margin-bottom:0px; 
     float:left; 
     display:inline; 
     background-image:url(images/sprites/sprites_left.jpg); 
     background-position:0px -340px; 
     overflow:hidden; 

    }

Является ли это ошибка в IE8? Что мне делать? Оставьте дизайн разбитым на 30 фоновых изображений?

спасибо.

источник

2010-02-02 Holian

Вообще-то я бы leave a gap of a few pixels (или больше) между каждой плиткой в вашем спрайт-изображении.

источник

2010-02-02 14:15:02 scunliffe

и вы думаете, что это проблема? Я пытаюсь сделать новое изображение спрайта с «зазорами» – Holian

«Иногда, когда я увеличиваю масштаб с помощью мыши, линия исчезает» - я думаю, что видел что-то подобное в Chrome при масштабировании. –

Scunliffe: Кажется, у вас все в порядке. Когда я воссоздал «spirte img» с пространством 2px, проблема исчезла .. для tipp. – Holian

Css Sprites и проблема IE8

ответ

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