我想在网站上有背景图片。这似乎是一个非常合理的要求。
我希望背景图片处于固定位置，以便内容滚动到它的顶部。在经典的桌面浏览器上，您可以使用类似background-attachment: fixed的内容，但这对我的小型触摸屏没有任何影响。而是图像随你一起滚动。
如果我可以拥有一个带有背景图像的position: fixed div，那就太棒了 - 可以做到这一点......但是还有另外一个问题，那就是'chrome'或这些触摸/小屏幕的UI浏览器/更改视口的大小以容纳它的按钮 - 然后再向下滚动+按钮消失，视口现在更高。 （这不是一个新问题，但似乎每个人都可以解决问题。）我想知道我是否缺少其他选项/。多年来我一直试图找到解决方法。
<div class='background'></div>
.background
background-image: url('some-image.jpg')
position: fixed
top: 0
right: 0
bottom: 0
left: 0