当你在Windows 8中使用鼠标滚轮滚动时，固定的背景图像会飞快地弹跳。这仅影响IE 10和IE 11。这也会影响具有 position：fixed 属性的元素。
以下是一个具有固定背景图像的示例：
http://www.catcubed.com/test/bg-img-fixed.html
以下是示例代码：
#section{
position: fixed;
top:0;
left:0;
background-color:#eee;
background-position: top left;
background-image: url("images/7.png");
background-size: auto;
background-repeat: no-repeat;
z-index: 10;
}
在IE 10和11中有没有保持背景静止的解决方案？
我知道回答有点晚，但我曾经遇到过同样的问题，通过在我的CSS文件中添加这些属性，我成功解决了它。
html{
overflow: hidden;
height: 100%;
}
body{
overflow: auto;
height: 100%;
}
评论中的内容：
这个解决方法会阻止窗口上的滚动事件触发，所以如果您使用依赖于这些事件触发的东西，请小心。 codepen.io/anon/pen/VawZEV?editors=1111（overflow: hidden，滚动事件不起作用）codepen.io/anon/pen/PNoYXY?editors=1111（overflow: auto，滚动事件会触发）- Dan Abrey
所以这可能会在您的项目中引起一些问题。但我没有看到另一种解决IE中此错误的方法。
这似乎是一个z-index的bug，尝试添加z-index: 1。
在研究此问题时，我发现最好的调试方法是：
在页面顶部创建一个简单的元素，例如：
<style>#test {position: fixed; background: red; top: 0; left: 0; width: 4em}</style>
<div id="test">Test</div>
<!-- Works -->
<div style="position: fixed;">
<div>Nice</div>
<div>Wicked</div>
<div>Cool</div>
</div>
<!-- Element with position: relative, experiences the bug -->
<div style="position: fixed;">
<div style="position: relative;">sad</div>
<div>sad</div>
<div style="position: fixed;">happy</div>
</div>
可以修复，但需要一些调整！
以下是解决方法（Windows 8.1测试通过）：
将"background" CSS属性移到BODY元素上。目前它在id为“filler”的DIV元素上。以下是修改后的CSS代码：
body {
font-family: Helvetica, Arial, sans-serif;
background: #fff url(blue-kitty.jpg) no-repeat fixed center 100px;
}
#filler {
text-align: center;
}
.big-margin {
margin-top: 500px;
}
试着关闭平滑滚动选项。
互联网选项 - 高级选项卡 - 使用平滑滚动
这就像呈现错误一样... 微软IE团队正在调查中...
只需将文本主体容器定义为相对位置。
<style>
body
{
position: relative;
}
</style>
opacity:0.99引起的（这是解决Mac上更粗字体的方法）。 - nebulousGirl// 无平滑滚动 var wheelDelta = event.wheelDelta; var currentScrollPosition = window.pageYOffset; window.scrollTo(0, currentScrollPosition - wheelDelta); });} - Windwalkerbox-shadow，我能够减少卡顿。 - Rudey