2

私の人生では、背景画像が表示されない理由がわかりません。ファイルパスは正しいです。HTML は次のとおりです。

 <section class="banner_area">
      <p>Hi, I'm a <span>Front-End Web Developer</span> 
          who makes clean and responsive designs come to life.
      </p>
</section>

そしてCSS:

.banner_area {
    background-image:url("images/banneralt4.jpg");
    height:600px;
    background-attachment:fixed;
    background-size:cover;
    background-position:center;
    position:relative;
}

それは私の他のものでうまくいきました。基本的に同じコード。背景色を設定すると、問題なく表示されます。

4

2 に答える 2

7

画像の場所は、CSS ファイルに対して相対的です。あなたの説明から、フォルダー構造は次のとおりです。

  • ルートフォルダ
    • CSS
    • 画像
    • 脚本

css フォルダーは images フォルダーと同じレベルにあるため、images フォルダー内の画像にアクセスするには 1 つ上のレベルに移動する必要があります。したがって、css 内の画像の場所は次のようになります。

background-image:url:("../images/banneralt4.jpg");

画像を HTML に直接追加するときに機能した理由images/banneralt4.jpgは、images フォルダーがルート フォルダーの子であるためです。

于 2013-07-29T16:01:04.347 に答える
4

CSS フォルダー内にいるようです。ファイルパスでフォルダーを終了し、画像に直接移動します(画像フォルダーがCSSフォルダー内にあるとは思えません)

background-image:url("../images/banneralt4.jpg");
于 2013-07-29T15:22:08.797 に答える