AppMobi 배경 문제

기본적으로 배경색 (또는 이미지)을 설정하려고합니다. 나는 HTML CSS와 JQuery Mobile을 쓰고있다.AppMobi 배경 문제

나는 기본 AppMobi 응용 프로그램을 만들려고 해요하지만 다음의 예에서 내 배경 변경할 수 있도록하지 않는 것 : HTML의 변화 배경을 내가 모두 시도

<div data-role="page" id="page"> 
    <div data-role="header" data-theme="c"> 
     <h1>Page One</h1> 
    </div> 
    <div data-role="content" data-theme="c">  
     <ul data-role="listview" data-theme="b"> 
      <li><a href="#page2">Page Two</a></li> 
      <li><a href="#page3">Page Three</a></li> 
      <li><a href="#page4">Page Four</a></li> 
      <li><a href="#page3" data-role="button" data-icon="delete">Delete</a></li> 
     </ul>  
    </div> 
    <div data-role="footer" style="position:fixed; bottom:0;" data-theme="c"> 
     <h4>Page Footer</h4> 
    </div> 
</div>

및 CSS,하지만 배경색 페이지 1 (예)을 변경할 수없는 것 같습니다. 1 페이지에는 4 개의 버튼과 "끈적한 바닥 글"이 있습니다. 화면 상단에 표시되는 버튼이지만 버튼이나 목록과 꼬리말 사이의 내용은 색상이 변경되지 않습니다. 나는 Header와 Inline에 HTML이나 CSS를 쓰려고했다.

어떻게이 'div'청크의 배경색을 변경할 수 있습니까? 표준 샘플 애플리케이션에서 미리

출처

2011-09-30 Chizpa

에서

고맙습니다, 여기 당신의 배경을 설정 index.html을 코드의 블록입니다.

/* Set up the page with a default background image */ 
    body { 
     background-color:#fff; 
     color:#000; 
     font-family:Arial; 
     font-size:48pt; 
     margin:0px;padding:0px; 
     background-image:url('images/background.jpg'); 
    }

이미지 디렉토리에 background.jpg라는 이미지가 설정되어 있습니다. 당신은 그 배경 이미지를 편집 것과 새와 포인트를 얻을, 또는 멋진 웹킷 코드 또는 뭔가에 넣어 수 있습니다 : 그래서 당신이 줄 수 있어야 (index.html을 머리 태그)

<style type="text/css"> 
     * { -webkit-user-select:none; -webkit-tap-highlight-color:rgba(255, 255, 255, 8); } 
     input, textarea { -webkit-user-select:text; } 
     body 
     { 
      font-family:Arial;font-size:24pt;font-weight:bold; 
      background: 
      -webkit-gradient(radial, 50% 60%, 0, 53% 50%, 50, from(rgba(255,255,255,0)), color-stop(99%,rgba(255,255,255,.15)), to(rgba(255,255,255,0))), 
      -webkit-gradient(radial, 50% 50%, 0, 50% 50%, 100, from(rgba(255,255,255,0)), color-stop(99%,rgba(255,255,255,.1)), to(rgba(255,255,255,0))), 
      -webkit-gradient(radial, 50% 50%, 0, 50% 50%, 200, from(rgba(255,255,255,0)), color-stop(99%,rgba(255,255,255,.1)), to(rgba(255,255,255,0))), 
      -webkit-gradient(radial, 40% 50%, 0, 40% 55%, 25, from(rgba(255,255,255,0)), color-stop(99%,rgba(255,255,255,.1)), to(rgba(255,255,255,0))), 
      -webkit-gradient(linear, 0% 0%, 0% 100%, from(#8D4212), to(#28580C), color-stop(.5,#DA881B)); 
      background-size: 400px 400px, 470px 470px, 600px 600px, 300px 300px, 100% 100%; 
      background-color: #28580C; 
     } 
    </style>

당신의 div id를 div로 지정하고 이미지를 적용하거나 div id에 원하는 것을 적용하십시오.

출처

2011-09-30 14:17:53 RyanAppMobi

고맙습니다. 사실상 여러 가지 방법으로 ID와 클래스를 모두 설정해 보았습니다. 또한 태그를 사용하여 백그라운드 인라인을 설정하려고했습니다 (우선 순위가 가장 높아야 함). 그것은 여전히 작동하지 않지만 어쩌면 포함 된 jquery 관련 CSS 파일을 어떻게 든 설정을 취소 할 것으로 나타났습니다, 나는 그것을 주석으로 보냈다. 내가 알아 내면 바로이 질문으로 돌아갈 것이다. – Chizpa

귀하의 문제는 AppMobi와 관련이 없지만 일반적으로 JQuery Mobile과 관련이 있습니다.

JQuery Mobile이 작동하는 방식은 내용을로드 한 다음 스타일을 적용하고 적용하는 것입니다. JQuery Mobile이 기본 CSS 스타일을 무시하고 있습니다. JQuery Mobile CSS 파일을 열고 거기에서 변경하십시오.

출처

2011-10-02 23:28:10

AppMobi 배경 문제

답변

관련 문제