iOS 移动设备拉伸(stretch)背景图片

Question

我的背景在 iOS 设备上有压力。只有当我向页面添加内容时它才会拉伸(stretch) like this.它在空白页面上正确加载 like this .我读到它与添加 background-attachment:scroll 而不是 background-size: cover 有关。将它添加到 css 时，我没有得到任何更改。我一定是使用了错误的内容 ID。在我为移动主题制作更多图像之前，我想知道我是否可以用代码修复它？任何帮助将不胜感激。

Answer 1

视差效果基于背景图像在拉伸(stretch)以适合其容器时保持在固定位置的概念。不幸的是，单靠 CSS 不会让它发生。

一旦你将一个元素设置为固定定位，它就基本上从 DOM 中移除并相对于窗口

section 
{   
    position: fixed;
    top: 0;
    bottom: -72px;
    background-image: url(http://bgImage);
    background-size: cover;
    background-attachment: fixed;
}