CSS Sprites изображения отображаются с плохим качеством в IE - PullRequest
Новая
       16

CSS Sprites изображения отображаются с плохим качеством в IE

0 голосов
/ 28 мая 2009

У меня есть спрайт изображения CSS, и это отлично подходит для FF, а также IE Проблема в том, что в IE изображение выглядит плохо.

Кто-нибудь сталкивался с этим раньше? Как ты это починил? Мне нужны CSS-спрайты для экономии пропускной способности и запросов.

альтернативный текст http://cupacupelor.ro/img/problem.png

.blackmncenter2
{
    float:left;
    height:32px;
    line-height:32px;
    background-image:url(../img/top-menu-center.png);   
    background-repeat:repeat-x;
    background-position:left -64px;
    color:White;
    cursor:pointer;
    display:block;
}

Изображение:

http://cupacupelor.ro/img/problem.png

Демо-версия:

http://cupacupelor.ro/

Черное верхнее меню, доступно максимум 7 дней с момента публикации. Попробуйте с FF, затем с IE.

Ответы [ 3 ]

3 голосов
/ 28 мая 2009

Вам нужна графика в формате PNG? Традиционно в Internet Explorer 6.0 и более ранних версиях были некоторые проблемы, связанные с форматом PNG, в частности отсутствие поддержки альфа-канала.

Без этого альфа-канала IE не может правильно отобразить прозрачность, представленную в изображениях PNG. Это может немного исказить изображение или дать вам нечто, отличное от того, что вы ожидали увидеть.

Без подробностей трудно понять, что является причиной проблемы (или в чем проблема в первую очередь).

1 голос
/ 28 мая 2009

Пожалуйста, укажите "низкое качество". Возможно, это потому, что ваш CSS-спрайт не сохранил прозрачность исходного изображения?

0 голосов
/ 28 мая 2009

Странное поведение, не ожидается.

Даже если у меня IE 7 и PNG без прозрачности, фоны с background-position работают странно в IE.

Сохранение изображения в формате JPG и изменение CSS решили проблему.

Чем вы, ребята, проголосовали за ответы.

...