为什么我的背景图片不能在Webkit浏览器上滚动？

Question

我的背景图片无法在Chrome或Opera中滚动（仅限Windows）。当我到达页面底部时，它会向上跳几个像素，当我到达顶部时，再向下跳几个像素。否则在滚动期间图像保持不变。在Ubuntu的Chrome中，它很好。奇怪的... 尝试将图像放在HTML和BODY标签中。

body {
  background-image: url("images/flag_background_300.jpg");
  /*background must be separate from gradient, otherwise the gradient repeats vertically if background-size is set*/
  background-size: 178px 100px;
  background-attachment:scroll;
}

.wrapper {
  background: linear-gradient(to bottom, transparent 150px, rgba(143, 143, 143, 0.7) 400px, rgba(143, 143, 143, 0.98) 100%);
}

.wrapper中的渐变滚动很好。 See my website