Internet Explorer имеет странную разницу в 1 пиксель с фоновым изображением

Question

Я использую спрайт из двух изображений и испытываю разницу в 1px во ВСЕХ версиях Internet Explorer, но отлично работает в Firefox.

Пожалуйста, посмотрите демонстрацию здесь: http://jsfiddle.net/bHUs3/6/

Мое сердце болит.Что вызывает это несоответствие?

См. Ниже экран при наведении курсора в Internet Explorer (без конкретной версии) Редактировать Я расследую, не является ли моя установка IE такой же звуковой, как я думал

Answer 1

Полагаю, это вызвано резким изменением цвета эффекта тени текста.

Обратите внимание, что когда кнопка не наведена, буквы как-то смелее.Кажется, что белые буквы имеют белую рамку, которая добавляется к текущему весу буквы.Это не происходит в событии при наведении, потому что буквы имеют другой цвет.

Добавьте + 1px по оси x, и это будет сглажено.http://jsfiddle.net/bHUs3/9/

Если вы хотите внести это изменение только в IE, используйте условный комментарий:

<!--[if IE]>
.calltoActionReadMore {background-position:1px -24px}
<![endif]-->