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

Question

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

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

Answer 1

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

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

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