CSS:背景不显示iPhone或iPad，但在iMac (Safari)上工作

Question

我有一个全宽度的英雄背景，在我们测试的每个浏览器上都能正常工作，除了iPhone和iPad上的Safari。它可以在iMac Safari上运行。在iPhone和iPad上则不会出现。下面是代码:

.hero {
    margin: 0;
    padding: 0;
    height: 600px;
    background-image: url('../images/heroFullScreen.jpg');
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

如果你有一个设备，你可以在这里查看网站:https://sanitonplastic.ca来重现这个问题。

真的希望有人能帮忙，我们明天就要直播了。

谢谢!

Answer 1

martinho和A Haworth是正确的。我使用移动视图的媒体查询和设置background-attachment: scroll解决了这个问题，尽管失去了视差。