IE 中奇怪且罕见的透明 png 别名

Question

我在 IE 中的透明 PNG 上发生了一些奇怪的抗锯齿现象 - 在执行某些 jquery 动画/元素被其他元素覆盖等之后，情况似乎变得更糟。我发布了一些屏幕截图。有人知道为什么会发生这种情况吗？

您可以看到某些图像（例如中间的汽车）显示得很好。其他的（比如用 JQuery 淡出的两辆车，在 JQuery 中发生某些事情后显示得很奇怪。还有一些，比如第一个屏幕截图中的三个图标，总是显示得有点糟糕（注意黑色轮廓 一部分。

感谢您提供的任何帮助。我应该注意，这些都是精灵的 在此输入图像描述">

Answer 1

您可以在现代浏览器中使用 PNG 图像，因为这些浏览器在 jquery 动画中没有 BG 问题

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

，并为 IE 添加此内容（使用另一个 CSS 文件或使用 IE hack）

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

关于 ie css 声明：background- image 值应为 none，因为 filter 属性将在 IE 中打印背景图像。

Answer 2

在为 IE 创建 png 时，您可以使用以下解决方案之一。
- http://pornel.net/imagealpha
- http://pornel.net/pngquant

另请考虑阅读本文以了解 .png IE 问题 http://html5boilerplate.com/docs/Notes-on-using-png/

我希望这能解决你的问题并且让你重回正轨。

干杯，
伊姆兰

Answer 3

这个博客昨天对我有帮助：