簡體   English   中英

jQuery Mobile Change頁面上的正文背景圖像更改

[英]jQuery Mobile Change body background image on page change

我有以下情況,兩個頁面具有不同的主體ID。 這是為了在每個主體上設置不同的背景。 但是,當我從page1導航到page2時,背景保持不變。 有沒有辦法在頁面更改上設置背景圖像?

第1頁:

HTML:
<body>
   ...html content
</body>

第2頁:

HTML:
<body id="myOtherBg" >
   ...html content
</body>

CSS:

 body{
        background: url(../img/background_white.png) center center no-repeat;
    }

    #myOtherBg{
        background: url(../img/background_white.png) center center no-repeat;
    }

這適用於正常的頁面加載,但是使用jquerymobile從page1到達page2時,背景不會改變。

任何幫助將不勝感激,在此先感謝。

嘗試給page1的body標簽指定一個ID,然后在第一個規則中定位該ID。 因此,不要使用body{...} ,而是使其成為#firstBG{...} 這樣page2甚至不會嘗試拉出第一頁的背景。

暫無
暫無

聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM