Question

我有以下场景，两个页面具有不同的身份ID。这是为了在每个身体上设置不同的背景。但是，当我从page1导航到page2时，背景保持不变。有没有办法在页面更改上设置背景图像??

PAGE1：

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时，背景不会改变。

任何帮助将不胜感激，提前谢谢。

Answer 1

尝试为第1页的正文标记提供ID，并将其作为第一条规则中的目标。因此，不要使用body{...}，而是将其设为#firstBG{...}。这样，page2甚至不会尝试拉出第一页的背景。

jQuery Mobile更改页面上的更改主体背景图像

1 个答案: