CSS 相対 URL: スタイルシートまたは HTML ドキュメントから?

CSS ファイル内の相対 URL: 相対位置の問題

CSS ファイル内の背景画像などのアセットを参照する場合、相対 URL は多くの場合雇用されている。しかし、相対 URL は正確にどこから測定されているのでしょうか?

次の CSS コードを考えてみましょう:

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

このスタイルシートが 経由でさまざまなドキュメントに含まれている場合、相対 URL はどこから測定されますか? CSS ファイル内の URL:

• にあるスタイルシート ドキュメントを基準にして評価されます。 /stylesheets/?
• スタイルシートが含まれている現在のドキュメント?

答え:

W3C によると、「部分 URL」は、スタイルシートのソースを基準として解釈されます。 document."

したがって、この場合、CSS ファイル内の相対 URL は、/stylesheets/ にあるスタイルシート ドキュメントを基準として解釈されます。

CSS ファイルは異なるディレクトリの複数のページで使用されます。 CSS ファイルへの相対 URL の開始点を標準化すると、ページの場所に関係なく URL が正しく機能することが保証されます。

以上がCSS 相対 URL: スタイルシートまたは HTML ドキュメントから?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。