Question

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

我一直在谷歌搜索很长一段时间，我找不到任何有用的东西......来自StackOverflow的这个链接是最准确的，但它现在正在Android浏览器上工作（Jquery Mobile Android - Fixed full-screen background image?）< / p>

任何想法如何制作这个？

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>

背景固定位置

2 个答案: