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>