Question

我在iOS设备上强调背景问题。仅当我向页面添加内容时才会展开like this.它会在空页like this上正确加载。我读到它与添加background-attachment:scroll而不是background-size: cover有关。将其添加到css时，我没有得到任何更改。我必须使用错误的内容ID。在为移动主题制作更多图像之前，我想知道无论如何我可以用代码修复它吗？任何帮助将不胜感激。

Answer 1

视差效果基于这样一种观念，即背景图像在拉伸以适合其容器的同时保持在固定位置的位置。不幸的是，CSS本身不会让它发生。

将元素设置为固定定位后，它基本上会从DOM中移除并相对于窗口

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

Answer 2

尝试在html head标记中添加此代码：

<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no, minimal-ui">

iOS移动设备延伸背景图片

2 个答案: