0

jQuery モバイルを使用しています。最初に背景画像を設定しようとしましhtml{background: url("bg.png") repeat fixed 0 0;}たが、うまくいかなかったので、bodyタグで試しました

 body {background: url("bg.png") repeat fixed 0 0;}

ただし、カスタムクラスを定義.myclass{background: url("bg.png") repeat fixed 0 0;} してタグで使用すると、正常に機能します。

body タグまたは html タグが機能しないのはなぜですか? オーバーライドされていますか？何かご意見は？

4

1 に答える 1

-1

jQuery Mobile 独自のページ処理方法により、ボディ コンテナーの変更を確認することはできません。表示されているすべてのページの z-index は大きく、本文の上に浮いています。

基本的に、本文 css への変更は正しいですが、表示されません。

やりたいことは、このクラスを変更することです: .ui-page。これは、すべての jQuery Mobile ページの基本クラスです。

すべてのカスタム変更は、クラシック CSS を !important でオーバーライドする必要があります。

このような：

.ui-page {
    background: url('http://subtlepatterns.com/patterns/escheresque_ste.png') repeat scroll 50% 50% #112233 !important;
    color: #aabbcc !important;
}

動作中の jsFiddle の例を次に示します: http://jsfiddle.net/Gajotres/u3E6K/

于 2013-02-27T09:49:02.940 に答える