IE背景图像渲染Bug

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

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

Answer 2

我不确定为什么要修复它，但在我直接在服务器上编辑CSS文件之前。我最终完成了对应用程序代码库的完全重建，然后将其推送到服务器，现在它似乎正常工作。 （虽然服务器上的内容没有实际变化）但我认为将应用程序重新启动到服务器时可能会重新启动应用程序。