Я работаю над сайтом, на котором почти 30 фоновых изображений, поэтому я решил создать «спрайтовое изображение» и использовать атрибут background-position в CSS.
В 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 фоновых изображений?
Спасибо.