CSS 背景画像が読み込まれないのはなぜですか?

CSS 背景画像の読み込みを拒否します

問題:

チュートリアルの指示に従っているにもかかわらず、空白の白い背景が画面に表示されます。指定された画像の代わりにページが表示されます。チュートリアルでは、非推奨の の代わりに body {background: url('image.jpeg');} を使用することを推奨しています。提供された CSS コードには次のものが含まれます:

body 
{
background-image: url('nickcage.jpg');
...
}

解決策:

この問題を修正するには、CSS コード内の画像ファイル名の前後の一重引用符を削除します:

background-image: url(nickcage.jpg); // No quotes

追加考慮事項:

• HTML、CSS、および画像ファイルは同じディレクトリに存在する必要があります。

• CSS または画像ファイルがサブディレクトリにある場合は、正しいことを確認してください。パス:

  • 背景画像: url(../images/nickcage.jpg); // サブディレクトリ内の CSS と画像
  • background-image: url(images/nickcage.jpg); // CSS と画像は別のサブディレクトリにあります

以上がCSS 背景画像が読み込まれないのはなぜですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。