Jquery 背景图像因左侧面板而消失

Jquery 背景图像因左侧面板而消失,jquery,css,jquery-mobile,Jquery,Css,Jquery Mobile,我有一个jQuery移动应用程序,左面板是menü。如果我点击面板,我的背景就会消失 我不确定,我应该把代码发给你。这是我背景的CSS代码: [data-role=page] { background-image: url(../images/pattern.png); background-repeat: repeat; } 在jquerymobile1.4中,当面板第一次打开时,它将contentdiv包装在.ui面板包装器中 当面板的数据显示设置为推送或显示,而不是覆盖时

我有一个jQuery移动应用程序,左面板是menü。如果我点击面板,我的背景就会消失

我不确定,我应该把代码发给你。这是我背景的CSS代码:

[data-role=page] {
    background-image: url(../images/pattern.png);
    background-repeat: repeat;
}

在jquerymobile1.4中,当面板第一次打开时,它将contentdiv包装在
.ui面板包装器中

当面板的
数据显示
设置为
推送
显示
,而不是
覆盖
时,会发生此行为

要解决此问题,请将背景图像添加到
[data role=page]
.ui面板包装中,然后再添加
!重要信息
强制覆盖

[data role=page],.ui面板包装器{
背景图片:url(../bg.png)!重要;
背景重复:重复;
}


您可以通过编程方式将bg img添加到特定页面。创建一个类,在pagebeforeshow/pagebeforehide上添加/删除它。但你们仍然需要关注面板。感谢Omar提供的解决方案。同时,我也有类似的问题。也许你又有了一个解决方案:)非常感谢你的简单解决方案!!节省了我很多时间