【发布时间】:2014-07-06 15:02:25
【问题描述】:
在 IE11 中发现了一个奇怪且烦人的错误。使用固定背景附件的 css 放置在背景中的图像在滚动时会发生这种奇怪的上下抖动舞。它主要发生在使用滚轮或使用滚动条上的箭头按钮时。如果您通过拖动滚动条进行滚动,它似乎不会发生。
试试这个小提琴:http://jsfiddle.net/G6Mdu/ 使用 IE 时,您可以看到图像抖动。在 chrome、firefox 等上运行良好。
#test{
height: 510px;
width:100%;
background-position: center top;
background-attachment: fixed;
background-size: cover;
}
有什么解决办法吗?
【问题讨论】:
-
无论如何,我在 IE11 中没有看到抖动...
-
@kmoe。这是一个有问题的视频:youtube.com/watch?v=OSIfRX3t1tM。左边是谷歌浏览器右边是 IE 11
-
这是 IE 中的一个已知错误。我们已经修复了它。请参阅my answer here 了解更多信息。
-
此错误仍然存在于使用最新版本 IE11 的 Windows 8.1 触控笔记本电脑中。它使用背景附件发生:固定。禁用平滑滚动可以解决问题,或者使用 Hanoncs 的 connect.microsoft.com/IE/feedback/details/819518/… 此处描述的解决方法。但是,当使用触摸、键盘向上/向下或触控板滚动时,它仍然会发生。
-
我刚刚遇到一个案例,通过从与固定背景重叠的元素中删除
box-shadow,我能够减少口吃。
标签: html css internet-explorer background-attachment