2017-06-11 14 views
0

CSSで接続されたHTMLウェブサイトを作成しました。CSSコード:背景画像が動作しない

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

コードを実行すると、画像が表示されないのはなぜですか?私の背景イメージとして。私はすべてのスペルと画像のファイル形式を3倍にチェックしました。

誰もが背景画像が表示されない理由を知っていますか?

+1

チェックイメージ**相対** URI。非常に低い可能性のある開いている画像の背景はブラウザのプロパティを表示します。 –

+0

エラーコンソールを確認し、そのパスのURLがあなたのCSSファイルに関連していることを覚えておいてください。 –

+0

スタイルエレメント(またはリンクされたスタイルシート)にあることを確認してください。あなたのネットワークログをチェックして、 '404 imag.jpg not found'エラーがないことを確かめてください。 – Isaac

答えて

0

問題は画像がCSSフォルダにないことです。コードの行は、あなたのstyle.cssファイルにある場合は画像が別のフォルダにある場合、そのフォルダからの読み取りは、 はその後、あなたは例のために行く:

background-image: url("../img/imag.jpg"); 
0
  • が同じディレクトリにある画像ですそれを参照するファイルとして?
  • の画像はの下にありますか?
  • の画像はの上にありますか?

"below"と "above"は、サブディレクトリと親ディレクトリを意味します。相対ファイルパスを使用すると、両方向に移動することができます。私の原始的な例を見てみましょう:ここ enter image description here

あなたは、相対ファイルパスを知るために必要なすべてされています

  • ルートディレクトリに「/」リターンで開始し、以降では
  • そこを開始"../"は1つのディレクトリを後ろに移動してそこから開始します
  • "../../"で始まる2つのディレクトリを後方に移動し、そこに を開始します。
  • 前進するには、とともに最初のサブディレクトリと維持する 転送先