Jquery mobile 如何在ui页面外部的侧栏中显示背景图像

我尝试将我的jQuery手机网站重新用于大屏幕的智能手机。 多亏了这个论坛，我可以缩小主要内容栏/空间，所以我认为它更容易阅读。 但现在两边都有一个空白，我想在这里展示背景图片

我尝试使用body标记、ui页面和body.ui-mobile-viewport

我可以得到中间一栏的背景，内容空间，不是我想要的，但是两边一栏没有背景

知道如何在侧栏中显示背景图像吗

<style>
/* Breitenanpassung PC, width change fr pc */
@media only screen and (min-width: 64.1em){
        .ui-page{
            width: 45em !important;
            margin: 0 auto !important;
            position: relative !important;
            border-right: 0.3em #666 outset !important;
            border-left: 0.3em #666 outset !important;
            background : url('http://beta.mondkalender-mobil.de/templates/Mondkalender-mobil/images/hintergrund_breit.gif');

        }
</style>`

/*Breitenanpassung PC，宽度变化fr PC*/
@仅介质屏幕和（最小宽度：64.1米）{
.ui页面{
宽度：45em！重要；
保证金：0自动！重要；
职位：相对！重要；
右边界：0.3em#666！重要；
左边框：0.3em#666！重要；
背景：url（'http://beta.mondkalender-mobil.de/templates/Mondkalender-mobil/images/hintergrund_breit.gif');
}
`

---

您需要为整个文档

正文设置背景，JQM将注意为当前
页面设置背景：

@media only screen and (min-width: 64.1em) {
  .ui-page:not(.ui-dialog) {
    width: 45em !important;
    margin: 0 auto !important;
    position: relative !important;
    border-right: 0.3em #666 outset !important;
    border-left: 0.3em #666 outset !important;
  }
  .ui-mobile-viewport {
    background : url('http://beta.mondkalender-mobil.de/templates/Mondkalender-mobil/images/hintergrund_breit.gif');
  }
}

您需要为整个文档
正文设置背景，JQM将注意为当前
页面设置背景：

@media only screen and (min-width: 64.1em) {
  .ui-page:not(.ui-dialog) {
    width: 45em !important;
    margin: 0 auto !important;
    position: relative !important;
    border-right: 0.3em #666 outset !important;
    border-left: 0.3em #666 outset !important;
  }
  .ui-mobile-viewport {
    background : url('http://beta.mondkalender-mobil.de/templates/Mondkalender-mobil/images/hintergrund_breit.gif');
  }
}