背景固定位置

Question

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

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

知道怎么做吗？

Answer 1

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

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

Answer 2

所以我猜通常（以下）都不适合你？

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