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>