CSSスタイルシートのパスは、ファイル自体の場所に固執していますか？

Question

私はルートフォルダにCSSファイルを持っていて、そのパスを基準にしてファイルを参照しています。例えば

は、次のように召喚、1つのフォルダにimage.pngとともにstylesheet.css：

background-image:url('image.png'); 

私は、次のようindex.htmlをに添付する場合：

<LINK rel="stylesheet" type="text/css" href="stylesheet.css"> 

を.. 。それはうまくロードされますが、サブフォルダのファイルに添付したい場合：

<LINK rel="stylesheet" type="text/css" href="../template_style.css"> 

...テンプレートがロードされますが、実際には、それが起動されたhtmlファイルのフォルダ内のimage.pngを探し、cssファイル自体のフォルダからは探しません。

これには修正がありますか？

Answer 1

CSS相対パスは、CSSファイル自体を基準にしたものであり、CSSファイルをロードしたページではありません。

私は通常、CSSファイルを/ cssに、CSS画像を/ css/imagesに入れます。そして、あなたは比較的ようなあなたのイメージを置くことができます。ドメインまたはサブドメインである場合

<link rel="stylesheet" type="text/css" href="stylesheet.css">

：

background-image:url('images/image.png'); 

Answer 2

はこれであなたのhead

に <base href="http://www.example.com/">を追加し、あなたが必要とするすべての追加ですあなたのcssが公共のルートフォルダ（http://www.example.com/stylesheet.css）の中にある場合、hrefはstylesheet.cssである必要があります

Answer 3

<link rel="stylesheet" type="text/css" href="../(supposed to be subfolders name)/template_style.css"> 

同じ画像の場合は、同じフォルダ内にある場合は、同じフォルダまたは同じ場所に両方ともCSSと画像があることを確認してください。

background-image:url("../image.png"); 

あなたが別のイメージフォルダを作成すると、それは火事になります。

background-image:url("../folder name/image.png");