jquery - 背景图像因左面板消失

Question

我有一个带有左侧面板菜单的 jQuery 移动应用程序。如果我单击面板，我的背景就会消失。

我不确定，我应该将代码发布给您。这就是我的背景的 CSS 代码:

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

Answer 1

在 jQuery Mobile 1.4 中，第一次打开面板时，它会将内容 div 包装在 .ui-panel-wrapper 分区。此 div 覆盖页面的 div 背景。

当面板的data-display设置为push或reveal时，会发生此行为，但是不是叠加。

要解决此问题，请将 background-image 添加到 [data-role=page] 和 .ui-panel-wrapper 中通过 !important 强制覆盖。

[data-role=page], .ui-panel-wrapper {
  background-image: url(../bg.png) !important;
  background-repeat: repeat;
}

Demo