Question

jquery mobile如何设置背景图

这个我用了 不行 是写在div里的
<style="background: url('image/bg.jpg') no-repeat">
</style>
这个 该颜色的 我也用了 还是不行
<style type="text/css">
.ui-page {
background:#D3D3D3;
}
</style>
还有其他方法么 或者 上面这个两个写法我需要注意什么？？？？？

Answer 1

直接在页面顶部定义css body背景图片就可以了，或者在你自己的css里添加背景，注意的是你的css必须在jqumobile css之后才行。设置背景其实跟jquermobile无关。另外你想单个页面设置背景图片那就跟jquerymobile有关了

<div data-role="page" style="background:url(xxx.jpg) 50% 0 no-repeat;background-size:cover">这表示jqm的一个单页标签</div data-role="page" style="background:url(xxx.jpg) 50% 0 no-repeat;background-size:cover">

所有页面都一个背景那就

body{background:url(xxx.jpg) 50% 0 no-repeat;background-size:cover}

需要了解下面2个属性 关于背景的问题：
background-size:cover;背景铺满元素,调整背景图片的宽度或高度（较小者），以铺满整个元素
保持背景图片的宽高比

background-size:contain;
元素包含整个背景图片,调整背景图片的宽度或高度（较大者），使背景图片完全包含在元素中保持背景图片的宽高比,背景铺满元素。

Answer 2

<div data-role="content" style="background-image: url(img/tit-bg.png);;width:80;filter:alpha(Opacity=80);-moz-opacity:0.5;opacity: 0.5;z-index:100; background-color:#ffffff; ">

试试