Question

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

请帮忙，感谢。

Answer 1

点击此处DEMO http://jsfiddle.net/yeyene/PtEnY/5/

将背景图片设置为html，正文并删除.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;
}

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

1 个答案: