Question

首先，对不起我的英语我正在使用Skrollr插件创建一个视差网站。我正在使用一个固定位置的img，使用css3转换：translate我移动img。除了ie9 / 10之外，它几乎在mac和pc的所有浏览器中都很出色。在IE中，当我滚动时，图像是跳跃/闪烁/滞后。当我从位置css中移除固定并将其更改为绝对时，其移动清晰而平稳，但我最常使用固定元素。

<div class="full-bg"data-784="transform: translateY(-1118px);"   data-2223="transform: translateY( -1718px) "><img src="images/hp/visitor-center.jpg"  /></div>

#visitor-center{
width: 100%;
height: 877px;
float: right;
overflow: hidden;

position: relative;
top:0px;
background-size: 100%;
}
#visitor-center .full-bg{
width: 100%;
position: fixed;
z-index: -1;
-webkit-font-smoothing: antialiased;
-webkit-backface-visibility: hidden;
-ms-transform:translate(0px,100px); /* IE 9 */
-webkit-transform:translate(0px,100px); /* Chrome, Safari, Opera */
transform:translate(0px,100px); /* Standard syntax */

}
#visitor-center .full-bg img{
width: 100%;
}

这里有一个例子，我发现使用固定背景。在其他浏览器中除了它的工作很棒。但即拧紧一切。
任何建议我该怎么办？

即具有固定背景图像的视差滚动闪烁/跳跃

0 个答案: