jquery mobile如何设置背景图

发布网友发布时间：2022-05-07 22:55

共2个回答

热心网友时间：2022-04-25 21:54

直接在页面顶部定义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;
元素包含整个背景图片,调整背景图片的宽度或高度（较大者），使背景图片完全包含在元素中保持背景图片的宽高比,背景铺满元素。

热心网友时间：2022-04-25 23:12

<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; ">

试试