静的な Cookie のないドメインから CSS と画像を提供したいと考えています。今私の問題は、css ファイル内から画像を指す方法です。
css ファイル内でドメインをハードにプログラムしたくありません。たとえば、次のようになります。
画像を指す変数を使用したいので、使用するすべての静的ドメインで機能します。
これを達成するための最良の方法は何ですか。css ファイル全体を php で実行し、すべての png 参照の前に静的ドメインを追加する必要があります。これの欠点は、css 全体を html に配置する必要があることです。
または、これを行う別のより最適化された方法があります。
画像がスタイルシートで同じサーバーから取得される限り、相対 URI を使用するだけで十分です。
CSS仕様から：
リソースの絶対位置に依存しないモジュラー スタイル シートを作成するために、作成者は相対 URI を使用できます。相対 URI ([RFC3986] で定義) は、ベース URI を使用して完全な URI に解決されます。RFC 3986 のセクション 5 では、このプロセスの標準アルゴリズムが定義されています。CSS スタイル シートの場合、ベース URI はソース ドキュメントのベース URI ではなく、スタイル シートのベース URI です。
スタイルシートの変数に関する Bert Bos (CSS 仕様の作成者の 1 人) による興味深いエッセイがあります。ここで読むことができます。
CSS を静的ドメインから取得すると、CSS の相対 URL はまったく同じドメインを指します。したがって、相対パスを使用するだけで、そのドメインから css と画像の両方を提供できます。
