css - 背景固定位置

Question

我正在使用 jquery UI 开发一个移动网页。我想设置一个即使用户向下滚动页面也保持静态的背景。所以背景总是一样的，但是页面的内容是滚动的。

我已经在谷歌上搜索了很长一段时间，但我找不到任何有用的东西......来自 StackOverflow 的这个链接是最准确的，但它现在可以在 android 浏览器上运行（Jquery Mobile Android - Fixed full-screen background image ? )

知道怎么做吗？

Answer 1

所以我想通常的（下面）都不适合你？

 <style>
 body{
 background-image:url('image.jpg');
 background-repeat:no-repeat;
 background-attachment:fixed;
 background-position:center top;
 background-size:auto;
 }</style>

Answer 2

尝试将图像作为固定位置的全尺寸 div 的背景。

然后，您可以将所有内容放在可以滚动的全尺寸固定位置 div 中。