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"div 来保存第一页的内容，如使用 jquery mobile 时所推荐的那样
  2. 您将背景应用于此特定页面元素
于 2012-11-28T08:22:47.007 回答