开发者

Having an image on the whole width of a jquery mobile listview?

I would like to place an image inside a listview of a jq开发者_如何转开发uery mobile website. Is there a way to have an image on the whole width of a jquery mobile listview? I mean without white border on the listview: no space between the border of the listview and the image itself. >> The image expand on the whole width of the listview.


Live Example: http://jsfiddle.net/k68Zp/23/

<div data-role="page" data-theme="b" id="jqm-home"> 
    <div data-role="content">
        <ul data-role="listview" data-inset="true" data-theme="d" data-divider-theme="e" style="white-space:normal"> 
            <li data-role="list-divider" role="heading" class="ui-li ui-li-divider ui-btn ui-bar-e ui-corner-top">Techno: vb.net - asp.net - vb6</li> 
            <li class="custom_listview_img"></li>
        </ul>
    </div>
</div>

CSS

.custom_listview_img {
    margin:0px; 
    padding:0px;
    background-image:url('http://www.flightcentre.com.au/global-images/AIRFARE_SPECIALS_2/Paris.jpg');
    background-repeat:no-repeat;
    background-size:100%;
    height:150px;
}
0

上一篇:

下一篇:

精彩评论

暂无评论...
验证码 换一张
取 消

最新问答

问答排行榜