web-dev-qa-db-ja.com

CSSファイルの相対パスはCSSファイルに相対的ですか?

CSSファイル内の画像またはその他のファイルを相対パスで参照する場合、CSSファイルを使用するCSSファイルまたはHTMLファイルに対する相対パスですか?

66
Nathan Osman

はい、.cssに関連しています

レイアウトの例を次に示します。

Page:  page.htm ... does not matter where
CSS:   /resources/css/styles.css  
Image: /resources/images/image.jpg

styles.cssのCSS:

div { background-image: url('../images/image.jpg');
82
Nick Craver

はい。 CSSファイルに関連しています。これには、CSSファイルが存在するドメインに関連するものも含まれることを追加します。

したがって、CSSが次のように参照されている場合:

<link href="http://www.otherdomain.com/css/example.css" type="text/css" rel="stylesheet" />

そしてそれが含まれています:

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

背景は次のようになります。

http://www.otherdomain.com/images/image.jpg

7
jshoaf

CSSファイルへ。

1
emzero