3

私は初心者のプログラマーで、いくつかのリソースを見てきましたが、外部 CSS スタイルシートの場所が重要な理由がわかりません。たとえば、ファイルへのリンクとファイルの場所をそれぞれ変更すると、画像が読み込まれるかどうかが決まります。

CSS の単純な行:

body {
    background: url(./images/test.jpg) center center fixed no-repeat;
}

これにより、画像が読み込まれます。

<link rel="stylesheet" href="style.css" type="text/css" charset="utf-8" />

これはしません:

<link rel="stylesheet" href="css/style.css" type="text/css" charset="utf-8" />

なんで？

4

2 に答える 2

2

画像の場所は、HTML ファイルの場所ではなく、CSS ファイルの場所に相対的です。

于 2012-08-14T01:42:31.043 に答える
2

imagesフォルダ内にフォルダがないためcssです。cssファイルではなく、ファイルに相対的htmlです。

次のように修正できます。

body {
    background: url(../images/test.jpg) center center fixed no-repeat;
}

これは最初にルート ディレクトリに移動し、次に images フォルダーに移動します。

次に、css ラインを使用できます。

<link rel="stylesheet" href="css/style.css" type="text/css" charset="utf-8" />
于 2012-08-14T01:43:02.110 に答える