ホームページ  >  記事  >  ウェブフロントエンド  >  背景画像が読み込まれない問題の解決方法

背景画像が読み込まれない問題の解決方法

一个新手
一个新手オリジナル
2017-09-19 10:26:453924ブラウズ

以前 HTML で Web ページを作成していたとき、外部の CSS スタイル シートを Web ページにリンクしていました。背景色、パディング、マージンなどはすべて正常に機能していましたが、背景画像が機能しなかったり、場合によっては機能しませんでした。怒ったのですが、background-image:url(""absolute path"); だけは表示できますが、この絶対パスを記述することは強くお勧めしません。この現象の原因は何でしょうか。
**

注: CSS スタイル シートに記述された背景画像:URL (画像のパスは、この CSS ファイルのパスに対する相対パスであり、CSS スタイルを追加する Web ページに対する相対パスではありません)通常は考えます);

**
例: 現在のディレクトリには、index.html フォルダーと css フォルダー (css.css を含む) と、images フォルダー (top.jpg を含む) があります
間違った考え方と書き方 : background-image: url("images/top.jpg"); ———————————–>> 画像のパスは、index.html Web ページのものであるはずだと誤解しています。
正しい考え方と書き方:background-image:url(“../images/top.jpg”);————————————>画像のパスは相対パスで記述する必要がありますcss .css ファイルへのパス
../ は上位ディレクトリを表します。現在のディレクトリを表す ./ は書かないでください。
この問題は私を長い間悩ませてきましたので、今日はそれをまとめて自分に思い出させます。 !まだ理解できていない人も理解できると思います!

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

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。