webapp中的透明标题，带有数据主题b

Question

我的 jQuery Mobile 1.3.0 应用程序在Safari Mobile中运行良好。但是，当它通过iOS 6上的主屏幕作为webapp运行时，我得到一个恼人的透明标题而不是我要求的数据主题b：

<div data-role="page" id="test" data-add-back-btn="false">

        <div class="app-logo">
        <a data-direction="reverse" href="#index"><img src="/img/logo.png" /></a>
    </div>
    <div data-role="header" data-theme="b">
        <a data-rel="back" data-direction="reverse" class="ui-btn-left" data-icon="arrow-l">Back</a>
        <h1>Test</h1>
        <a href="#index" data-icon="home" data-direction="reverse" class="ui-btn-right jqm-home">Home</a>
    </div>

    <div data-role="content" data-theme="c">
    <ul id="test-menu" data-role="listview" data-inset="false" data-filter="false">
        <li><a href="#test1">Test 1</a></li><li><a href="#test2">Test 2</a></li>    </ul>
    </div>

        <div data-role="footer" data-theme="b" class="ui-bar">
        <div style="text-align: center;">
        <a href="http://google.ca" data-role="button" data-icon="grid">Full Site</a>
        </div>
    </div>
</div>

我附上了两个截屏。一个应用程序通过主屏幕作为webapp运行并且显示不正确，并且在Safari Mobile中正确显示一个，因此您可以看到该行为。请注意，我已经删除了匿名的实际文本。有没有人遇到这样的事情？这是一个很大的烦恼。

同样，这是JQuery Mobile 1.3.0。早期版本没有出现过。