如何防止在每個頁面中加載背景圖片？

我正在使用jquery mobile。我在css body {}標記的索引頁中定義了一個背景圖片。雖然我沒有在隨後的頁面中聲明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>

來源

2012-11-28 Fabre

我們可以澄清一下：你只想在一個頁面上顯示背景圖像，並且它顯示在所有頁面上？ – Jackson

是的。這正是發生的事情。 – Fabre

jquery移動導航使用Ajax來加載您導航到的頁面只有body部分。這意味着後續頁面的header將被忽略，並且第一頁的header將「應用於」所有頁面。如果你希望你的背景，只適用於你的第一頁，我會建議：

創建data-role="page" div來牽你的第一頁的內容，使用jQuery Mobile的
，當你申請你的背景建議到這個特定頁面元素

來源

2012-11-28 08:22:47 Romain

非常感謝羅曼。這就解決了我的問題...... :) – Fabre

如何防止在每個頁面中加載背景圖片？

回答

相關問題