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

一个新手
リリース: 2017-09-19 10:26:45
オリジナル
3974 人が閲覧しました

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

関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート
私たちについて 免責事項 Sitemap
PHP中国語ウェブサイト:福祉オンライン PHP トレーニング,PHP 学習者の迅速な成長を支援します!