Jquery ui Windows Phone设备上我的jQuery移动站点上的奇怪渐变

我创建了一个简单的jQuery移动网站，当我在Windows Phone上查看这个网站时，我的页脚和内容之间有一个奇怪的渐变。它只发生在Windows Phone上，我不知道它是如何实现的

如图所示：

CSS

        .ui-page 
        {
            background-color: white;
            height: 100%;
        }

        .ui-content
        {
            background-color: white;
            height: 100%;
        }

        .ui-footer 
        {
            position: absolute !important;
            bottom: 0;
            width: 100%;
        }

HTML示例plage

<div data-role="page" data-theme="c" id="Diensten">
          <div data-role="header">
            <h1>Diensten</h1>
          </div>
          <div data-role="content"> 
            <ul>
                <li>
                    <p>
                    Proofreading
                    </p>
                    <p>
                    Hebt u een tekst (brochure, webtekst, mailing,...) die u nog even wilt laten nalezen? Geen probleem, wij hebben proofreaders voor alle talen van de Europese Unie, het Russiche, Chinees en Japans. Wij zorgen ervoor dat uw tekst klaar is voor publicatie of verspreiding.
                    </p>
                </li>
                <li>
                    <p>
                    Taaladvies
                    </p>
                    <p>
                    Aangezien onze pool van vertalers en revisoren uit mensen bestaat die een taalkundige opleiding hebben genoten, zijn zij ook uitstekend geplaatst om u taaladvies te verstrekken.
                    </p>
                </li>
            </ul>       
          </div>
          <div id="footer" data-role="footer">
            <p>&copy; No Problem</p>
          </div>
    </div>

丹斯顿



校对


你知道（宣传册，网络，邮件，…）你甚至不会枯萎吗？Geen probleem，来自欧洲大学、俄罗斯、中国和日本的校对员。Wij zorgen ervoor dat uw tekst klaar是verspreiding的代言人。




塔拉德维


在基诺滕大学读书的时候，校订者们都是最优秀的学生，他们都是来自于大学的学生。



&抄袭；没问题

安装weinre并检查分配给该HTML部分的类。它将帮助你找到那门课

因为JQueryMobile为每个元素分配了很多类，所以这些类并不是全部：

.ui-page 
    {
        background-color: white;
        height: 100%;
    }

    .ui-content
    {
        background-color: white;
        height: 100%;
    }

    .ui-footer 
    {
        position: absolute !important;
        bottom: 0;
        width: 100%;
    }