以前 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 サイトの他の関連記事を参照してください。