背景の問題

Question

1つのファイルで開くことができ、機能する小さなWebサイトを作成する必要があります。画像の背景がどのように表示されるのかよく分かりません。私の画像はDesktop/assignment/Website-Background.jpgです。私はそれを働かせるためにさまざまな方法を試しましたが、それはまったくありません。私の現在のコードは次のとおりです。

body{ 
    height: 100%; 
} 

.bg { 
    background-image: url("Website-Background.jpg"); 
    height: 100%; 
    background-position: center; 
    background-repeat: no-repeat; 
    background-size: cover; 
} 

そして、私が試してみましたが、また

body { 
    background-image: url("Website-Background.jpg"); 
} 

を試してみました誰かが私が間違ってやっていると指摘することはできますか？

Answer 1

最初にブラウザでF12キーを押して、コンソールウィンドウで画像が呼び出されているかどうかを確認してから、呼び出し中でエラーがない場合は、200pxの高さを設定して、アップ。

Answer 2

だけで同じフォルダに画像やHTMLドキュメントを入れて、あなたのコードは魅力のように動作します...あなたはそれを動作させるためのコードでは何も変わらないする必要があります。..

Answer 3

私はあなたを信じていません画像の位置を適切に示しています。 CSSを忘れないでください。ファイルを見つけるためには、フォルダを外して他の人に移動しなければなりません。あなたのHTMLファイルはどこですか？あなたはその場所からあなたの割り当てフォルダに戻らなければならないかもしれません。

あなたがバックアウトされている場合：

body { 
    background:url("../assignment/Website-background.jpg"); 
    background-size:cover; 
} 

をあなたは単にあなたのフォルダの中に深く行かなければならない場合：

body { 
    background:url("assignment/Website-background.jpg"); 
    background-size:cover; 
} 

Answer 4

ただ、サイドノートあなたが「本当に」あなたのウェブサイトを持っているしたい場合は、その（背景画像が別のファイルであることを意味する）単一のファイルとして、ある種のツール（like）で画像をbase64にエンコードし、それをファイルに入れることができます。