2014-05-18 31 views
8

注意到IE11中奇怪和烦人的错误。使用背景附件固定的css放置在背景中的图像在滚动时会抖动跳动。它主要发生在使用滚轮或使用滚动条上的箭头按钮时。如果通过拖动滚动条进行滚动,它似乎不会发生。背景附件:固定的Internet Explorer 11奇怪的上下摇晃

试试这个小提琴:http://jsfiddle.net/G6Mdu/当使用IE时,你可以看到图像微动。在铬,火狐等,它工作正常。

#test{ 
    height: 510px; 
    width:100%; 
    background-position: center top; 
    background-attachment: fixed; 
    background-size: cover; 
} 

任何解决方案?

+3

DAT图像网址... – kmoe

+0

反正我没有看到有抖动现象在IE11 ... – kmoe

+0

@kmoe。这里是一个问题的视频:https://www.youtube.com/watch?v = OSIfRX3t1tM。左边是谷歌浏览器右边是IE 11 – Joe

回答

4

这是背景附件实现中的一个已知问题:在IE10 +中修复。我相信它发生在除<body>之外的所有元素上。

http://connect.microsoft.com/IE/feedback/details/819518/fixed-background-image-scrolling-issue

+0

此错误仍然存​​在于使用最新版本IE11的Windows 8.1触控笔记本电脑中。它使用background-attachment:fixed进行。禁用平滑滚动修复问题,或者使用Hanoncs的https://connect.microsoft.com/IE/feedback/details/819518/fixed-background-image-scrolling-issue中描述的解决方法。但是,使用触摸,键盘向上/向下或触控板滚动时仍会发生这种情况。 – patrickzdb