2016-09-14 23 views
0

イオンを使ってアプリを作っていますが、私が試しても背景の画像が表示されません。私は以前の質問をチェックしましたが、解決策のどれもが私のために働いていません これは私のCSSです:携帯電話の画面に背景画像が表示されない

body { 
    background-image: url("img/national day.png"); 
    display:block; 
    position:absolute; 
    min-height: 100%; 
    background-repeat: no-repeat; 
    background-size: 100% 100%; 
    background-position: center; 
    width: 100%; 
    height: 100%; 
    margin: auto; 
    /*position: relative;*/ 
} 

私はその存在のフレームで、私はクロムを使用してデバッグするときので、パスは確かに正しいことを知っています。私のcss directory.Why内のimgファイルが フィドルかかわら登場絵ではありませんがあります:https://jsfiddle.net/y04jpe0h/

+0

あなたは** national_day.png ** – keviveks

+0

のようなスペースなしでイメージ名を試してみませんか? –

+0

イメージパス/ img/ORで変更しようとしましたが、使用しませんでした。 。/ img/instant of img/ – channasmcs

答えて

0

私はなぜそれが最終的には機能していないのか分からなかったので、私はちょうどペインに背景イメージを追加し、それが表示されました。謎が残っています..

1

希望働くあなたのコード内で

html{ 
    height:100%; 
} 

をCSSのこの部分を追加!

+0

悲しいことに、悲しいことに、私は問題を理解していない;/ –

+0

あなたはメディアを使用しているクエリ? –

+0

私はそれを使用していませんが、フィドルは質問に掲載されていますが、大きなファイル –

1

これを試してください。私は背景サイズ100%100%のプロパティを削除しました。

{ 
    background: url("img/national day.png") no-repeat center center fixed; 
    display: block; 
    position: absolute; 
    min-height: 100%; 
    background-repeat: no-repeat; 
    width: 100%; 
    height: 100%; 
    -webkit-background-size: cover; 
    -moz-background-size: cover; 
    -o-background-size: cover; 
    background-size: cover; 
    margin: auto; 
} 

希望します。

+0

私はそれを試しましたが、私はまだ白い背景イメージを取得します:/ –

+0

あなたはクロムでキャッシュをクリアしましたが、あなたの時間をありがとう? – Sasith

+0

はい私はただでしたが、.. :( –

1

最初にフォルダimgにアクセスするには、次のように入力する必要があります。
background-image:url( "../ img/logo.png"); imgフォルダがcssフォルダにないためです。 2番目の画像がimgフォルダにあることを確認してください。私はフィドルには見つからなかったので、ロゴ.pngを試してみるとうまくいきます。

+0

imgを使ってcssフォルダ内にimgというフォルダを作成しました –

関連する問題