jquery - 在 Jquery Mobile 中修复页脚

Question

我创建了一个 fiddle ，但由于某种原因我在底部有灰色区域我该如何摆脱它？

这是 FIDDLE 。

这是我的代码

<div data-role="page" data-theme="a">
        <div data-role="header" id="header" data-position="relative">

        </div>

        <div data-role="content" data-theme="b">
            <div data-role="collapsible" data-collapsed-icon="info" data-expanded-icon="info" data-collapsed="false">

                 <h4 style="text-align:center;">Product Information</h4>
       <fieldset data-role="controlgroup" id="material">
<h5>
Serial#: W292059828
CD Key:  1545655465
Lisenced Users: 5
Active Sites: 10
</h5>
</fieldset>







          <h3 style="text-align:center;">Resource Software International</h3>
          <div id="addr"><p>40 King St. W., Suite 300, Oshawa, Ontario,L1H 14A <br />
          Phone: (+1)905-576-4575 Fax: (+1)905-576-4705 <br />
          http://www.telecost.com Email:rsi@telecost.com<p></div>
              </div>
                </div>

Answer 1

这样做:

.ui-page {background: #ccc;}

这会将背景设置为与内容渐变底部使用的颜色相匹配。