位置：固定的带图像的背景DIV会使滚动变慢：如何为浏览器兼容设置条件CSS规则？

如何解决位置：固定的带图像的背景DIV会使滚动变慢：如何为浏览器兼容设置条件CSS规则？

| 一个已知的老问题是，无论背景图像70ѭ或div具有图像的position: fixed;属性，IE 7（也许还有IE 8）和FireFox 3.0〜3.6的各种旧浏览器都在浏览网页时非常缓慢地向下滚动。。建立具有此功能的网站后，我注意到在IE 7（也许也为8）中，滚动体验非常低下，这使整个网站的使用率很高。所有其他JQuery效果也不再平滑。现在，一旦我评论了背景图像div：img的position: fixed;属性，一切就又变好了。

<html><head>
img#bg {
/*  position:fixed;*/
    top:0;
    left:0;
    height:auto;
    min-height:100%; /* proportionally fit height (eg panorama images)  */
    width: 100%;
    z-index:-2;
}
</head>
<body><img src=\"background.jpg\" id=\"bg\"/></body>
</html>

Q1：如何使该行有条件？使用IE7或IE8/*position:fixed;*/的用户以及使用IE9或FF4position:fixed的用户问题2：除了c7ѭ以外，css中的任何东西都可以触发该错误吗？例如，should8ѭ的写法应该不同吗？一些链接：MozzilaZine，StackOverflow，LinDesk 非常感谢您对此浏览器错误的建议和想法。非常感激！

解决方法

Q1：如何使该行有条件？对于早于版本9的IE，总是有条件注释覆盖：

<!--[if lt IE 9]>
<style>img#bg { position: absolute; }</style>
<![endif]-->

对于Firefox，一种方法是找到一些使第4版与其前代产品区分开来的hack，这是我现在无法真正想到的。问题2：除了c7之外，我的CSS中的任何内容都可能触发了该错误吗？那是事实，它是一张图片。但大多是固定的定位。如果您将背景图像与ѭ11一起使用，也会发生这种情况，并且在这些浏览器上是众所周知的性能问题。 , Q1：如何使该行有条件？如果您不想使用条件注释（根据BoltClock的回复），可以在Paul Irish \的站点上找到特定于浏览器的CSS hack的摘要。问题2：除了position: fixed以外，css中的任何东西都可以触发该错误吗？简短的回答：是的，但可能不及position: fixed。如果删除它可以解决您的问题，则这是您最大的问题。答案略长：已显示box-shadow会导致性能问题。 IE的专有过滤器也将如此。有时会提到效率低下的选择器，但是它们是否会产生很大的作用尚待商bat。要分析您的代码，请使用CSS Stress Test小书签来深入了解导致浏览器出现问题的选择器。这很棒！