размытое изображение заголовка в IE7 и IE8

На этой тестовой странице: http: // www.onebagoneearth.com/ Products-test, где при наведении курсора на этот текст (который является фоновым изображением) написано «серия о любви к гобою», «серия о любви к гобою» и т. Д. в IE7 и IE8 (по крайней мере, в Vista, а также в IETester) изображение размывается (не только из-за того, что оно непрозрачно ... это был бы обычный эффект зависания). Это почему?

То же самое не происходит на этой странице с аналогичным CSS: http: // www.onebagoneearth.com / Products. Если это масштабирование: 1 бит CSS, я не понимаю, почему он делает это на одной странице, а не на другой.


html css internet-explorer-8 internet-explorer-7
person Lauren    schedule 16.03.2010    source источник
comment
Я не получаю этого в IE8 на Win 7 Aero, на какой у вас ОС?   -  person Nick Craver    schedule 16.03.2010
comment
Для меня в FFX 3.0.15 на Win обе страницы ведут себя одинаково - они обе слегка затемняют изображение, что может быть тем, что вы имеете в виду, когда говорите размытие?   -  person MJB    schedule 16.03.2010
comment
Я использовал Vista и имел в виду фактический текст заголовка, который представляет собой фоновое изображение. Кажется, что заголовок разделен на два слоя одного и того же изображения заголовка, один из которых увеличен и непрозрачен за меньшим непрозрачным слоем. Это выглядит довольно странно. Я это тоже разъяснил выше.   -  person Lauren    schedule 16.03.2010

Ответы (1)


arrow_upward
3
arrow_downward

Я понимаю, что вы имеете в виду, но на моем компьютере он не размывается, вместо этого появляется шумный контур из темно-серых пикселей.

Это потому, что вы используете изображение PNG с альфа-каналом и применяете к нему фильтр. Internet Explorer не справляется с этим правильно и рисует полупрозрачные пиксели на сплошном фоне вместо фактического фона.

Когда это происходит и как именно это выглядит, может варьироваться от компьютера к компьютеру и даже на одном компьютере в разных ситуациях. Вот почему некоторые люди это переживают, а некоторые нет.

person Guffa    schedule 16.03.2010
comment
да! это оно. благодарю вас! Раньше я использовал гифку. Есть ли какие-нибудь исправления, кроме простого возврата к GIF (который, я считаю, IE6 не поддерживает даже с помощью хаков)? - person Lauren; 16.03.2010
comment
@Lauren: вы можете поместить две версии каждого текста в изображение спрайта и переключаться между ними вместо использования фильтра. IE 6 отлично поддерживает изображения в формате GIF, так что это тоже альтернатива. - person Guffa; 16.03.2010