각 페이지의 배경 이미지로드 방지 방법?

jquery mobile을 사용하고 있습니다. 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>

출처

2012-11-28 Fabre

우리가 분명히 할 수있는 것은 : 한 페이지에만 배경 이미지를 표시하고 모든 페이지에 표시하고 싶습니까? – Jackson

예. 바로 그 일이 일어나고 있습니다. – Fabre

JQuery와 모바일 네비게이션에만로 이동 페이지의 body 일부를로드하는 Ajax를 사용하여 내 코드입니다. 즉, 다음 페이지의 header이 무시되고 첫 번째 페이지의 header이 모든 페이지에 "적용"됩니다. 당신이 당신의 배경은 첫 페이지에 적용 할 경우에, 나는 추천 할 것입니다 : 당신은 당신의 배경을 적용 모바일 JQuery와

를 사용하는 경우 권장

하면, 첫 페이지의 내용을 보유하는 data-role="page" 사업부를 만들 이 특정 페이지 요소에

출처

2012-11-28 08:22:47 Romain

고마워요 로맹. 그게 내 문제를 해결했습니다 :) – Fabre

각 페이지의 배경 이미지로드 방지 방법?

답변

관련 문제