css - IE背景图片渲染错误

Question

在 IE9 中，我遇到了这个非常奇怪的渲染错误，如下图所示。右边的箭头是正确的，左边的是IE断断续续显示的。

这似乎是某种缓存错误，因为当我使用 IE 开发人员工具并始终打开服务器时，或者我使用 Shift+F5 刷新时，它们会恢复到正常状态。但是，当我离开页面并返回时，它们会以错误的形式重新出现。

另一个需要注意的奇怪的事情是，当图像没有正确显示然后我打开开发者工具时，它们会立即正确重绘。

我正在使用 jquery -chosen 插件并添加了此 CSS 来更改箭头图像。我试过同时使用 .png 和 .jpg 文件。

b {
   background: url('../Images/Icons/down-arrow.png') no-repeat 0px 10px;
}

错误图片:

任何建议都会很棒。

Answer 1

当您使用 filter CSS 属性时，IE8 和 IE9 不擅长呈现透明的 PNG。如果这些 PNG 上方的 DOM 的任何部分有过滤器，则可能会导致渲染问题。