1

だから私が持っているのは2つのcssです。

  1. スタイル.css
  2. サインアップ.css

css というフォルダーを作成し、css フォルダーに signup.css を配置しました。

signup.css は、CSS フォルダーに配置された style.css のコピーです。

画像を含む css コードは次のとおりです。

#body{
width:683px; margin:0 auto; padding:0 0 60px 0;
background:url(images/header_bg.gif) no-repeat right top #F7F7F7; color:#171717;}

Webページをリロードすると画像が壊れたので、コードを次のように変更しました：

#body{
width:683px; margin:0 auto; padding:0 0 60px 0;
background:url(../images/header_bg.gif) no-repeat right top #F7F7F7; color:#171717;}

ただし、画像はまだ読み込まれません。css フォルダーの下に配置された style.css で画像が読み込まれるように css を調整するにはどうすればよいですか?

質問への回答: 

頭
    meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
    タイトル>
    link href="css/signup.css" rel="stylesheet" type="text/css" />
    /頭>

4

3 に答える 3

5

basehrefHTML にタグを設定しheadます。

<base href="http://example.org/image_base_path/" />

プロトコルのないすべてのリクエストには、この URL が付加されます。

background:url(images/header_bg.gif)としてロードされますhttp://example.org/image_base_path/images/header_bg.gif

于 2012-07-05T13:42:41.050 に答える
0

使ってみて

background:url(/images/header_bg.gif)

ドメインに相対的なイメージ フォルダーへのパスが /images であると仮定します。

于 2012-07-05T13:36:51.180 に答える