0

これは単純な仕事のように見えますが、数日で気が狂いました。複数ページの JQM アプリケーションがあり、各ページに異なるスケーラブルな背景画像を設定する必要があります。

リンクjquery mobile background imageで説明されているすべての方法に従いました。

JQM の最新バージョン (1.3.0) では何も動作しないようです。Chrome でデバッグすると、背景画像を隠しているオーバーレイが常にあるように見えます。また、マルチページ環境のコンテンツ div を対象とするメソッドはありません。ui_page クラスのスタイルが機能しても、別のページで別の画像を使用できないことが心配です。

マルチページ アプリのすべてのページに異なる背景画像 (スケーリングする) を静的に割り当てる簡単な方法はありますか。

4

1 に答える 1

1

作業例: http://jsfiddle.net/CQRRC/

使用される CSS:

.ui-page {
    background:url(http://decentpics.com/wp-content/uploads/2013/04/05-Cute-Puppy-Wallpapers.jpg) !important;
    background-size:cover  !important;
    background-repeat:no-repeat  !important;
}

編集 ：

異なるページに異なる写真があるソリューション: http://jsfiddle.net/CQRRC/1/

于 2013-07-04T07:37:59.560 に答える