다른 배경 이미지 jquery mobile

Question

jquery mobile의 각 페이지마다 다른 배경 이미지를 설정하려고합니다.

<div data-role="page" id="pageone">... 
    </div> 

<div data-role="page" id="pagetwo">... 
    </div> 

당신이 볼 수 있듯이, 각 페이지 내 생각이 난 배경 해당 ID에 대한 이미지 (다른 ID에 대한 다른 이미지를) 할당 할 수 있었다 있도록

#pageone {background: transparent url(URL) repeat center center !important;} 
#pagetwo {background: transparent url(URL) repeat center center !important;} 

이미지는, 다른 ID를 가지고 패턴 (정말 작은 7x10 픽셀). 그러나 나는 그것을 할 수 없었다. 어떤 이유로 페이지를로드 할 때 (페이지 div 외부) 나타나지만 사라질 때 나타납니다.

누구나 같은 문제가 발생했는데 내가 그것에 대해 무엇을 할 수 있는지 알고 있습니까?

미리 타이 :

Answer 1

테마 롤러를 사용하고 내 테마를 가져 왔습니다. 그런 다음 견본 bc와 d에 복사하십시오.

<div data-role="page" id="pageone" class="ui-page-theme-a">... 
</div> 
<div data-role="page" id="pageone" class="ui-page-theme-b">... 
    </div> 

과 그 자신의 배경 이미지를 가지고 내가 가진 각 페이지 내 CSS 파일에서 은 내가 넣어 내 HTML에서 배경 이미지 (각 견본에 대한 다른 이미지가 있었다) 에 색상을 변경했습니다.