在IE中奇怪的，不常见的透明png别名

Question

我在IE中的透明PNG上发生了一些奇怪的反讽 - 在某些jquery动画执行/元素被其他元素等掩盖之后，情况似乎变得更糟。我发布了一些屏幕截图。任何人都知道为什么会这样吗？

你可以看到一些图像（例如中间的汽车）显示得很好。其他人（比如已经淡化了JQuery的两辆车，在JQuery发生某些事情后显得很奇怪。而其他人，比如第一个屏幕截图中的三个图标，总是显得有些不好（请注意黑色轮廓到图标）。感谢您提供的任何帮助。我应该注意这些都是精灵的一部分背景图像。

Answer 1

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

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

我希望这能解决您的问题，让您重回正轨。

干杯， 伊姆兰

Answer 2

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

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

并添加此For For 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 3

此博客昨天帮助我：http://www.useragentman.com/blog/2010/09/02/how-to-make-cleartype-font-face-fonts-and-css-visual-filters-play-nicely-together/