0

私はjqueryモバイルを使用しています。css body{} タグ内のインデックス ページに背景画像を定義しました。バックグラウンドはうまくいきますが、次のページで本文の css 部分を宣言していませんが、別のページでも自動的に読み込まれます。それを防ぐ方法は？css body{background: url()} はインデックスページでのみ機能します。ここに私のコードがあります

        <style type="text/css">
            body {
                background: url(images/login2.png);
                background-repeat:repeat-y;
                background-position:center;
                background-attachment:scroll;
                background-size:100% 100% ;
            }
            .ui-page {
                background: transparent;
            }
            .ui-content{
                background: transparent;
            }
            </style>

        </head>


<body>


        <div align="center" data-role="fieldcontain" id="contentConfirmation" name="contentConfirmation">


            <div >
                <label class="userlabelclass" for="url" style="float:left" ><p>Username:</p></label>
                <input class="userfieldclass" id="Lusername" name="uid_r" type="text" value="John Doe" " style="width:230px;float:right">
              </div>  


    <div >
                    <label class="pswdlebelclass" for="url" style="float:left"><p>Password:</p></label>
                    <input class="pswdfieldclass" id="Lpassword" name="pwd_r" type="password" value="123456789" style="width:230px;float:right">
                    <label class="forgotclass" for="url" style="float:left"><p>Forgot Password?</p></label>


    </div>


         <div align="center">
                <a href="listview_page.html" data-role="button" data-inline="true" data-theme="e" class="buttonclass" >Log In</a>
         </div>
   </div>

</body>
4

1 に答える 1

1

Jquery モバイル ナビゲーションは、Ajax を使用して、body移動先のページの一部のみを読み込みます。これはheader、後続のページの が無視され、header最初のページの がすべてのページに「適用」されることを意味します。背景を最初のページにのみ適用する場合は、次のことをお勧めします。

  1. data-role="page"jquery モバイルを使用する場合に推奨されるように、最初のページのコンテンツを保持する div を作成します。
  2. この特定のページ要素に背景を適用します
于 2012-11-28T08:22:47.007 に答える