jquery-mobile - jquerymobile 图像粘在底部

Question

我想要一张贴在屏幕底部中心的图像。我知道我可以用<div data-role="footer">它来做到这一点。然而，页脚顶部有一条可见的水平线，我想摆脱它。知道怎么做吗？

Answer 1

最简单的方法是使用内置的 jQM 页脚，它具有data-position="fixed"使其粘在底部的属性。我不熟悉您所说的页脚具有的这条水平线，但只需覆盖默认的 jQM 样式表就可以轻松摆脱它。您可以使用 Firefox 中的 Firebug 或任何浏览器中的内置开发人员工具查看/测试编辑 CSS 样式。

它应该看起来像这样：

.ui-footer {
    /* Use !important to ensure the target style will be overridden! */
    border: none !important; 
}

和 HTML：

... <!-- rest of page -->
<div data-role="footer" data-id="fixedFooter" data-position="fixed" data-tap-toggle="false">
    <img src="path/to/image.png" />
</div>