我希望背景图片保持在同一位置。所以我利用了
background-attachment:fixed;
当我发现iOS显然不支持此属性时，我决定在DOM中放置一个固定的背景div。这实际上工作得很好：
#background {
top:0;
left:0;
width:100%;
height:100%;
position:fixed;
background-position:50% 0%;
background-repeat:no-repeat;
background-attachment:fixed;
background-image:url("images/mark-bg.png");
}
乍一看，这在iOS中也很好用。但是后来我意识到，Safari将DIV向上滚动到了滚动位置（如果无法修复的话）。
现在，我问自己：“这到底是什么？！！”我的意思是...为什么iOS滚动显示一个明确告知不要这样做的元素？
有什么智能解决方案吗？
编辑
我刚刚发现，不是元素本身在移动，而是背景图像在移动...
我找到了一个不太理想的解决方案，但至少它能起作用。我不再background-image在CSS中使用，而是img在背景div中放置一个标签并将其放置在绝对位置：
#background img {
top:0;
left:0;
right:0;
bottom:0;
position:absolute;
}
不幸的是，“这就是文本”这一段不再可见。幸运的是，那只是为了背景...
此外，图像不再居中， 也 无法 正确调整大小：[
编辑
我添加了以下CSS来修复位置：
#background img {
margin-left:auto;
margin-right:auto;
}
本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
我来说两句