CSSの背景イメージを調べるのにいくつかの問題がある

Question

私たちはデンマークのITクラスの約10人のデンマーク人です。私たちはcssの背景イメージが本当にうまく動かないことを発見しました。誰も私たちを助けることができる？

私は個人的には問題では大したことはしませんでしたが、私の友人Jacob（彼は自分でこれを書くことはできません）は、過去の時間のように使い方を理解しています。

background-image: url("images\background.jpg"); 

この文句を言わない仕事：あなたがローカルファイルにしようとした場合

background-image: url("i.imgur.com/AO4oM9a.jpg"); 

それはうまく動作しますが、： 彼が発見したことは、それはあなたがそれをのようなURLを与えたときに動作すること、です"c：/desktop/website/images/background.jpg"のように、ファイルの完全なコピー先を入れてみるなど、いくつかのことを試してみました（おそらく有効ではないかもしれません。私は完全な目的地を意味した）。

誰もが、どうやってこれがうまくいかないか知っていますか？

ところで、私たちは次のように、.cssのファイルにHTMLタグでそれをやっている：

html { background-image: url("/images/background.jpg"); } 

それとも

html { background-image: url("images/background.jpg"); } 

Answer 1

は次のように使用してみてくださいこの1つ：

html { background-image: url("../images/background.jpg"); } 

Answer 2

試してみてください。

html { background-image: url("images\background.jpg"); } 

Answer 3

スラッシュ（/）の代わりにスラッシュ（\）を使用しています。覚えておくべきことは、イメージの正しいパスを与える必要があることです。 CSSファイルと画像はあなたが

このような

html { 
    background-image: url("background.jpg"); 
} 

を行うことができますよりも、同じフォルダ内にある場合、あなたのCSSはCSSのフォルダ内で、同じディレクトリにあなたがimagesフォルダ内の自分のイメージを持っている場合、あなたはこの

のように行うことができます

html { 
    background-image: url("../images/background.jpg"); 
} 

Answer 4

ただ書き：

背景：URL（」../画像/背景を。jpg '）;

としてより多くのCSSを追加します。

背景サイズ：カバー;最小高さ：400px;幅：100％; バックグラウンドポジション：center center;

は、実施例以下を参照してください。

/*--CSS--*/ 
 
\t .image-box{background:url("https://cdn.pixabay.com/photo/2014/03/22/22/05/sunbeam-292987_960_720.jpg"); 
 
\t \t background-size:cover; 
 
\t \t min-height:300px; 
 
\t \t background-repeat:no-repeat; 
 
\t \t background-position:center center; 
 
\t }

<!--HTML--> 
 
\t <div class="image-box"> 
 
\t \t <h1>This example</h1> 
 
\t </div>

Answer 5

これが役立つことがあります。

を常にのstyle.css（CSSファイル）で、あなたが持っている場合は、背景画像を与えることを忘れないでください残しておきたいのは、HTMLで定義し、画像やCSSファイルをフォルダ名のアセットに保存しておくと、簡単に呼び出すことができます。

background-image: url('assets/TYdollarsign.jpg');