iOS Safari放大高分辨率背景图像

Question

我正在一个网站上工作，该网站具有高分辨率的背景图片。使用以下CSS

设置背景图像

#intro {
background: url(https://s3.amazonaws.com/ooomf-com-files/XIBPemROQ9iJdUMOOBmG_IMG_1863.jpg) no-repeat 50% 50% fixed;
-moz-background-size: cover;
-webkit-background-size: cover;
-o-background-size: cover;
background-size: cover;
background-repeat: no-repeat;
}

在我的桌面上查看时效果很好。

在Firefox中浏览时＃39;响应式视图，它按预期工作。

然而，当我在安装了iOS 7的iPhone 5上查看时，它会产生这个。

设置

时出现问题

background-size: cover;

但我似乎无法弄明白。我已经在互联网上搜索过了。

网站本身，在开发环境中：

http://websites.terarion.com/ehlen/

我得到背景的地方：

http://unsplash.com/

Answer 1

哇，似乎是Mobile Safari does not support background-attachment: fixed（或者，至少它并不支持它......）

如果删除它，background-size: cover会按预期行事，但会打破预期的行为......

如果需要，有些work arounds for Mobile Safari涉及内容背后的固定元素，以模仿background-attachment: fixed。

偏离主题，但喜欢这个设计！