0

我已经将背景图像应用于我用作我的 div，data-role="page"但现在我意识到它还为 div 添加了一个长度，位于图像结束的下方。如果我的用户向下滚动应用程序，他们会看到这个差距。

有谁知道如何解决这个问题并让背景图像在 iOS 设备上正常工作？

我的CSS是：

#startuphero {
    color: #fff;
    background-image: url('../img/hero5.png');
    background-repeat: no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

HTML是：

<body>
      <div id="startuphero" data-role="page" data-title="Home">

<!--INDEX MENU-->
        <div id="indexmenu">
            <table>
                <tr>
                    <td>
                        <a href="program.html" data-transition="slide"><img src="img/programicon.png"/></a>
                    </td>
                    <td>
                        <a href="planner.html" data-transition="slide"><img src="img/plannericon.png"/></a>
                    </td>
                    <td>
                        <a href="news.html" data-transition="slide"><img src="img/newsicon.png"/></a>
                    </td>
                </tr>
                <tr>
                    <td>
                        <a href="word.html" data-transition="slide"><img src="img/wordicon.png"/></a>
                    </td>
                    <td>
                        <a href="convo.html" data-transition="slide"><img src="img/convicon.png"/></a>
                    </td>
                    <td>
                        <a href="designer.html" data-transition="slide"><img src="img/designicon.png"/></a>
                    </td>
                </tr>
            </table>
       </div><!--INDEX MENU-->         </div>
</body>

（PS：这是 iOS 上的 PhoneGap/Cordova 项目）

4

0 回答 0