[英]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.