Html 修正了Chrome Mac的背景图像错误

我正在建立一个网站，它使用固定的背景图像在各个部分之间进行转换。目前，它是纯CSS。这种效果适用于我测试过的每一款浏览器，除了一款：Mac 33.0.1750.146版或34.0.1847.45 beta版的Chrome。似乎在电脑上的Chrome上运行良好

发生的事情很奇怪……在卷轴上，图像被重复和叠加，整体上非常扭曲。再滚动一点，它就消失了。它不会在向上滚动时重新出现

有什么想法或解决方案吗

当前页面：

当前屏幕截图已损坏，chrome:

当前屏幕截图工作，safari：

看似相关的CSS：

.chris, .eric,  {
  background-position: center center;
  background-repeat: no-repeat;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  background-attachment: fixed;
  position: relative;
  z-index: 50;
  width: 100%;
  height: 100%;
}

.chris {
  background-image: url(../img/people/chris.png);
}

.eric {
  background-image: url(../img/people/eric.png);
}

---

编辑：似乎是固定的背景元素导致了问题。移除位置：上面没有显示的css后面的修复修复了上面的问题，但不能解决我的需求。现在正在研究解决方案

切换一个不需要的位置：修复了元素，解决了问题。我不知道为什么。

---

为了完全解决这个问题，我将主体设置为包含一个附件：固定背景图像，其他元素都滚动到该图像上，并带有各自的附件：固定背景图像。然而，我想知道，为什么最初的版本在某些浏览器上仅在Mac上的Chrome浏览器上失败，而在其他浏览器上却能正常工作？\uu-

切换一个不受欢迎的位置：修复了元素，修复了问题。我不知道为什么。

---

为了完全解决这个问题，我将主体设置为包含一个附件：固定背景图像，其他元素都滚动到该图像上，并带有各自的附件：固定背景图像。然而，我想知道，为什么最初的版本在某些浏览器上仅在Mac上的Chrome上失败，而在其他浏览器上却能正常工作？\uuu-

Chrome38金丝雀，Windows8.1

同样的错误：

---

还有很多其他的页面也会出现漏洞。。Twitter固定背景，例如Chrome38金丝雀、Windows8.1

同样的错误：

---

还有很多其他的页面也会出现漏洞。。例如，Twitter修复了背景问题，我遇到了同样的问题。看起来你的网站正在运行，你能分享你的解决方案吗

---

编辑：删除位置：相对；将html和body都设置为具有高度：100%；解决了我的问题。

我遇到了同样的问题。看起来你的网站正在运行，你能分享你的解决方案吗

---

编辑：删除位置：相对；将html和body都设置为具有高度：100%；解决了我的问题。

我正在Mac 33.0.1750.146版上使用Chrome，我没有看到任何问题issue@VikasGhodke你介意拍一张它在你看来是什么样子的截图吗？？这让我很困惑…我有一个朋友在他的Mac上用Chrome测试了它，它看起来和我的一样。。。但是我们都是小牛队的，有retinaHere you go->这是我的chrome版本该死，这很奇怪。什么操作系统，@VikasGhodke？我在Mac版本33.0.1750.146上使用Chrome，我没有看到任何issue@VikasGhodke你介意拍一张它在你看来是什么样子的截图吗？？这让我很困惑…我有一个朋友在他的Mac上用Chrome测试了它，它看起来和我的一样。。。但是我们都是小牛队的，有retinaHere you go->这是我的chrome版本该死，这很奇怪。什么操作系统，@VikasGhodke？我认为这是一个Chrome+Mac+Retina错误我认为这是一个Chrome+Mac+Retina错误