【问题标题】:background-attachment:fixed internet explorer 11 odd up & down jiggle [duplicate]背景附件:固定 Internet Explorer 11 奇数上下抖动 [重复]
【发布时间】: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


【解决方案1】:

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

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

【讨论】:

  • 此错误仍然存​​在于使用最新版本 IE11 的 Windows 8.1 触控笔记本电脑中。它使用背景附件发生:固定。禁用平滑滚动可以解决问题,或者使用 Hanoncs 的 connect.microsoft.com/IE/feedback/details/819518/… 此处描述的解决方法。但是,当使用触摸、键盘向上/向下或触控板滚动时,它仍然会发生。
猜你喜欢
  • 1970-01-01
  • 2011-04-29
  • 1970-01-01
  • 1970-01-01
  • 2014-04-05
  • 1970-01-01
  • 2018-05-17
  • 2017-05-02
  • 1970-01-01
相关资源
最近更新 更多