performance - CSS3 PIE : rounded corners slow down IE9, 即使它本身支持它们

Question

我正在使用 CSS3 PIE为 IE7/8 添加对圆 Angular 的支持。我发现当我在页面上有很多圆 Angular 元素时，启用 PIE 后 IE9 的性能会显着下降:滚动变得迟缓，简单的悬停效果(如链接颜色变化)变得显着延迟等

但根据 PIE 自己的文档，如果浏览器本身支持您正在使用的特定 CSS3 功能，PIE 在 IE9 中“什么都不做”。那么理论上，如果我只使用 border-radius(IE9 支持)，启用 PIE 应该不会影响性能。

这可能是什么原因造成的？

Answer 1

我将 -pie-poll: false; 添加到页面上应用了 PIE 的所有元素，这大大加快了 IE9 的速度，以至于它与 IE7/8.我相信默认情况下，PIE 每 250 毫秒轮询一次所有元素以进行更新；将 -pie-poll 设置为 false 可防止在呈现元素和/或与之交互之前发生任何更新。

这仍然不能解释为什么 PIE 正在轮询 IE9 中未使用任何非 native CSS3 功能的元素，但它确实解决了问题。