AppMobi背景問題

基本上我試圖設置背景顏色（或圖像）。我正在寫HTML CSS和JQuery Mobile。AppMobi背景問題

我試圖創建一個基本AppMobi應用程序，但我似乎並沒有能夠改變我在下面的例子中背景：

<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>

我試圖既改變背景HTML和CSS，但我似乎無法更改背景顏色頁面1（示例）。第1頁包括4個按鈕和一個「粘性頁腳」。屏幕頂部顯示的按鈕，但按鈕或列表與頁腳之間的內容不會改變顏色。我試圖在頭文件中編寫HTML或CSS，並且也是內聯的。

我該如何改變這個'div'塊的背景顏色？

Thanx提前

來源

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的圖像，位於images目錄中。您可以編輯的背景圖像，得到一個新的，並指向，或放一些漂亮的webkit代碼或東西：（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>

所以，你應該能夠給你第1頁div一個id，只是應用圖像或任何你想要的div ID。

來源

2011-09-30 14:17:53 RyanAppMobi

Thanx，實際上嘗試了不同的方式，既設置ID和類。此外，我試圖設置與標籤內聯的背景（應該有最高優先級）。它仍然不起作用，但我發現可能包含jquery相關的css文件壓倒了設置，我試圖將它評論出來。我一解決，就會回到這個問題。 – Chizpa

您的問題與AppMobi無關，但與一般的JQuery Mobile無關。

JQuery Mobile的工作方式是加載內容，然後「處理」它並應用樣式。發生什麼事是JQuery Mobile覆蓋了默認的CSS樣式。打開JQuery Mobile CSS文件並在那裏修改它。

來源

2011-10-02 23:28:10

AppMobi背景問題

回答

相關問題