CSS ファイル内の相対 URL はどのように解決されますか?

CSS ファイル内の相対 URL の検索

CSS ファイル内の相対 URL を使用してリソースを参照する場合、相対的な場所を決定することが重要です。たとえば、次の CSS を含む CSS ファイル Base-styles.css について考えてみましょう:

div#header { 
    background-image: url('images/header-background.jpg');
}

このスタイル シートが を使用してさまざまなドキュメントに含まれている場合、相対CSS ファイル内の URL は相対的にレンダリングされますto?

答え:

W3 によれば:

部分 URL は、スタイル シートのソースに対して相対的にではなく、スタイル シートのソースに対して相対的に解釈されます。 document.

したがって、相対 URL は次のようになります。 /stylesheets/.

CSS ファイルはさまざまなディレクトリのページに含めることができるため、このアプローチは論理的に理にかなっています。 CSS ファイルに基づいて URL を標準化すると、スタイル シートがどこにリンクされているかに関係なく、URL が確実に機能します。

以上がCSS ファイル内の相対 URL はどのように解決されますか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。