3

そのようにdata-role="page"要素に背景を設定しました

<div data-role="page" style="background: transparent url('img/background.jpg') no-repeat;" >

デスクトップブラウザとiPadサファリブラウザで完全に正常に動作します。

私が抱えている問題は、ウェブサイトを「アプリ」としてホーム画面に追加すると、それがフルスクリーンのウェブアプリになるということです。背景は表示されません...

スタイルシートとインラインで設定してみましたが、どちらの方法でも同じ問題が発生します。

なぜこれがうまくいかないのかについて、私は完全に考えがありません。

どんなアイデアでも大歓迎です。

4

5 に答える 5

7

結局、これは私のために働いたものです。

<div data-role="page" id="home" style="background: #000000 
    url('img/background.jpg') repeat;">

cssファイルでは機能しません。

于 2012-06-12T13:37:22.370 に答える
2

これを要素に適用します。

.#target-element {
    background : transparent url(YOUR_URL) 0 0 no-repeat fixed !important;
    background-size : cover;
}​
于 2012-11-21T23:39:00.490 に答える
0

これで試してください

<style type="text/css">
.ui-page 
{

    background-image: url("img1.jpg");
    background-attachment:fixed;
    background-repeat: no-repeat;
    background-size: 100%;
}
</style>
于 2012-06-12T03:42:15.197 に答える
0

CSSファイル内：

[data-role=page] {
    background: transparent url('img/background.jpg') no-repeat;
}
于 2013-11-12T16:27:00.990 に答える
0

!importantcssクラスを作成し、フレームワークcssを上書きするためにすべての属性を終了します。インラインでのみ機能しているのはそのためです

于 2015-03-08T20:32:51.870 に答える