Странный, нечастый прозрачный псевдоним png в IE

Question

На моих прозрачных PNG-файлах в IE происходит странное сглаживание - ситуация, похоже, ухудшается после выполнения определенных анимаций jquery / прикрытия элементов другими элементами и т. Д. Я опубликовал несколько скриншотов. Кто-нибудь знает, почему это может происходить?

Вы можете видеть, что некоторые изображения (например, автомобиль посередине) отображаются нормально. Другие (например, два транспортных средства, которые исчезли с помощью JQuery, странно отображаются после того, как в JQuery произошли определенные события. А другие, такие как три иконки на первом скриншоте, просто всегда отображаются немного плохо (обратите внимание на черные контуры на значки). Спасибо за любую помощь, которую вы можете предоставить. Я должен отметить, что все эти фоновые изображения являются частью спрайта.

Answer 1

Вы можете использовать одно из следующих решений при создании png для IE. - http://pornel.net/imagealpha - http://pornel.net/pngquant

Также, пожалуйста, прочитайте эту статью для понимания проблем .png IE http://html5boilerplate.com/docs/Notes-on-using-png/

Я надеюсь, что это решит вашу проблему и вернет вас в нужное русло.

Cheers, Имран

Answer 2

Вы можете использовать изображение PNG для современных браузеров, потому что у этих браузеров нет проблем с BG в анимации jquery

background:url(../images/banner01.png) no-repeat right 13px;

И добавьте это для IE (используйте другой файл CSS или используйте взлом IE)

/* ie fix */
background-image:none;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="images/banner01.png",
 sizingMethod="crop");

о ie css объявление : background-image значение должно быть none, поскольку свойство filter будет печатать фоновые изображения в IE.

Answer 3

Этот блог помогает мне вчера: http://www.useragentman.com/blog/2010/09/02/how-to-make-cleartype-font-face-fonts-and-css-visual-filters-play-nicely-together/