0

背景画像が表示されない理由を見つけようとしています。

デフォルトでは、ブラウザーはスタイル シートまたはスタイル シートを呼び出すスクリプトと同じフォルダー内の参照画像を探しますか?

元。
スクリプトは /foo/bar.html スタイルシートは /css/site.css

site.css には以下が含まれます。

.header {background-image: url(beautiful.png);}

Is the browser expecting the file beautiful.png in /foo, or /css?

また、webroot を使用してこの画像を参照することはできますか? 元：

(file in /images/styles/)
.header {background-image: url(/images/styles/beautiful.png);}
4

1 に答える 1

1

ドキュメントではなく、スタイル シートに相対的です。

リソースの絶対位置に依存しないモジュラー スタイル シートを作成するために、作成者は相対 URI を使用できます。相対 URI ([RFC3986] で定義) は、ベース URI を使用して完全な URI に解決されます。RFC 3986 のセクション 5 では、このプロセスの標準アルゴリズムが定義されています。CSS スタイル シートの場合、ベース URI はソース ドキュメントのベース URI ではなく、スタイル シートのベース URI です。

ルート相対パス (先頭のスラッシュ) は問題なく、私が通常使用するものです。

于 2013-01-30T22:30:05.370 に答える