1

JQuery モバイルを使用してページを作成しようとしています。私が使用した背景はグラデーションですが、画面全体を埋めるのに十分なコンテンツがページにない限り、フルスクリーンにはなりません。下の画像を参照してください。

ここに画像の説明を入力

グラデーションがページの一番下まで行かないのがわかりますか? それは私が立ち往生してきたものです...

Themeroller によって生成された CSS ファイルを使用します。私はそれを編集しようとしましたが、巨大で、どこを何を変更すればよいかわかりません。

4

1 に答える 1

2

.ui-contentコンテナの高さの 100% ではない背景が要素に適用されているようです。次のいずれかを実行できます。

  1. .ui-content要素の高さを 100%にするか ...
  2. .ui-page要素ではなく要素にグラデーションを設定できます.ui-content。

次のようにグラデーションを.ui-page背景として設定します。

.ui-mobile .ui-page .ui-content {
    background : none;
}
.ui-mobile .ui-page {
    background : /*gradient here*/;
}

これらのルールは、jQuery Mobile スタイルシートをオーバーライドするのに十分具体的である必要があります。ここにデモがあります: http://jsfiddle.net/YeTdT/

クロスブラウザー CSS グラデーションの作成についてサポートが必要な場合は、ColorZilla を参照してください: http://www.colorzilla.com/gradient-editor/

于 2012-11-27T00:42:50.560 に答える