jquery - 在背景保持不变的情况下滑动内容

Question

我正在尝试使用 jQuery mobile 创建移动网站。我的要求是，滑动时只需要更改每个页面的内容，背景图像保持不变。而且我还需要对每一页进行分页。是否可以让背景贴在内容上？

请帮忙，谢谢。

Answer 1

在这里查看演示http://jsfiddle.net/yeyene/PtEnY/5/

将背景图像设置为 html、body 并删除背景.ui-page

使用这个CSS，

html, body{
    float:left;
    margin:0;
    padding:0;
    width:100%;
    height:100%;
    background:url(http://2.bp.blogspot.com/-YUUHSmN2iKc/URqH5KMr6OI/AAAAAAAABpE/ta3lwt2KDx8/s1600/desktop-wallpaper-1600x1200.jpg) no-repeat fixed left top !important;    
    -webkit-background-size: cover !important;
    -moz-background-size: cover !important;
    -o-background-size: cover !important;
    background-size: cover !important;
}
.ui-page, .ui-page-active{
    background:none !important;
}