2

私はjqueryモバイルを使用しています。ヘッダーとフッターが固定されている非常に単純なページを作成しました。そのページにはボタンが 2 つしかありません。グレー色(下ページ)。

1 ページに配置するコンテンツの量に関係なく、ページ全体をヘッダーからフッターまで (指定されたテーマに従って) 銀色にしたいと考えています。出来ますか?

<div data-role="page" data-theme="b" id="ui-page-start" class="ui-page-active">
    <div data-role="header" data-theme="b" data-backbtn="false">
        </div>

    <div data-role="content" class="ui-content" role="main" style="text-align: center;"data-theme="c"> 
    <br/>
    <div>
        <input type='text' id='jid' placeholder="JID" data-mini="true" value='sobha@ns382290.ovh.net' style="border-radius: 10px;">

        <input type='password' data-mini="true" id='password' placeholder="Password"style="border-radius: 10px;">
        </div>                  

    </div>
    <div data-role="footer" data-position="fixed" class="ui-bar-a fade " role="contentinfo" style=": 212px; ">
        </div>

</div>
4

1 に答える 1

0

CSS を使用してこれを行い、背景を div から削除し、data-role="content"代わりにdata-role="page"div に適用します。これが実際の動作を示す jsbin です。

http://jsbin.com/ijeqiy/2/

.ui-body-クラスを使用して、個々のテーマをターゲットにすることができます。たとえば、コードでは、ページ div でテーマ b を使用しているため、次のように上書きできます。

.ui-body-b {    
    background: #F9F9F9; /* the background color you want */
}

.ui-content {
    background: none; /* remove the background color from the content because it's not long enough */
}
于 2012-08-23T11:26:52.013 に答える