2

背景画像の CSS URL がどのように機能するかを正確に説明できる人はいますか? CSS は、URL の検索を開始する場所を正確にどのように認識していますか? たとえば、これらの 3 つの URL があります

#web_content{ background: URL(images/background.jpg); }
#web_content{ background: URL(/images/background.jpg); }
#web_content{ background: URL(localhost:1234/newWebSite/images/background.jpg); }

これら3つすべてを別のPCで試しました。同じバージョンとすべての同じ Web ブラウザーを使用します。基本的に違うのは、それを実行する PC だけでした。1 番目の例では 1 台の PC でのみ表示され、2 番目の例では 2 台の PC で表示され、3 番目の例ではすべての PC で表示されましたが、もちろん実際にはそれを URL として使用しても機能しません。URLがファイルを見つける方法を誰かが詳しく説明できますか?

4

2 に答える 2

0

質問に対する直接的な回答を提供するのに十分な情報が提供されていないため、私が考える最善の回答方法は、ご自身で解決策を見つける方法を示すことです。

最新の Web ブラウザーでは、F12 を押して開発ツール ウィンドウを表示できます。このウィンドウを開いた状態でページをロードします。

使用しているブラウザによって、開発ツールの正確な機能は異なりますが、それらはすべて、ブラウザ内で発生しているネットワーク トラフィックを確認する機能を提供します。これは、開発ツール内のタブ ページにあります。

そのネットワーク トラフィック タブを見つけると、読み込まれているページのエントリと、すべての CSS、JS、画像、およびその他のリソースのエントリが表示されます。

これにより、ブラウザが読み込もうとした正確な URL が表示されます。また、発生したエラー (404 Not found エラーなど) も表示されます。

これを使用すると、説明した各インスタンスでブラウザがファイルを探している場所を特定できるはずです。そこから、それらがどのように異なっているか、および場合によっては機能し、他の場合では機能しない理由がかなり明白になるはずです。

それが役立つことを願っています。

于 2013-07-23T11:40:51.030 に答える