Jquery mobile jQuery Mobile-显示图像时，页眉和页脚丢失

我有一个应用程序，其中一页（在多页文档上）只不过是一张图片——一张图片。但是，当我转到该页面时，我看不到页眉或页脚。因此，我没有办法离开这个图片页面

页面如下：

<div data-role="page" id="asbuilt" data-fullscreen="false">
  <div data-role="header" data-position="fixed">
    <a href='#details' data-role='button' data-icon='bars' class='ui-btn-left' data-iconpos='notext' data-transition="slide" data-direction="reverse">Listing</a>
    <h1>Asbuilt</h1>
  </div>
  <div data-role="content">
  <img src="{{ w.systemID.asbuiltFile.docfile.url}}">
  </div>

</div>

竣工

我做错了什么

---

谢谢

我对jQuery mobile没有太多经验，但您是否有可能遇到CSS z-index问题？嗯，我该如何检查？页眉/页脚可以很好地显示在其他地方，它只是带有图像的页面。如果你有CSS，你可以发布吗？这会有很大帮助。CSS是标准的jQuery移动CSS，除此之外没有其他内容。这是包含默认jQuery移动js和CSS的代码。您在JSFIDLE中看到您的问题了吗？