jquery - IE 中奇怪的、罕见的透明 png 别名

Question

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

您可以看到一些图像(例如中间的汽车)显示得很好。其他的(比如两辆车，已经用 JQuery 淡出，在 JQuery 中发生某些事情后显示奇怪。还有其他的，比如第一个屏幕截图中的三个图标，总是显示有点不好(注意黑色轮廓到图标)。感谢您提供的任何帮助。我应该注意到，这些都是作为 sprite 一部分的背景图像。

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 中的背景图片。