我将如何使用jquery mobile获取部分内的图像

Question

这是我的代码http://jsfiddle.net/sanand29/5p8vgseh/2/`     

页眉

</div>
<div class="ui-grid-a">
    <div id="div1" class="ui-block-a">1st</div>
    <div id="div2" class="ui-block-b">2nd</div>
    <div id="div3" class="ui-block-a">3rd</div>
    <div id="div4" class="ui-block-b">4th</div>
</div>
<div data-role="footer">
        <h4>Page Footer</h4>

</div>

    .ui-grid-a div {
    height: 150px;
}
#div1 {
    background: #DDD;
    background-image: url('xyz.png');
}
#div2 {
    background: #AAA;
}
#div3 {
    background: #777;
}
#div4 {
    background: #444;
}

我没有在分割的部分中获取图像，即使我正在获取图像，也没有响应，请帮助

Answer 1

您需要为每个div添加以下CSS

background-size: 100% 100%;
background-repeat: no-repeat;
background-position: center center;