1

だから私はこのサイトに取り組んでいて、私が望んでいた方法を表示していました。下のページのバナーに取り組んだ後、突然すべてが消えて、残ったのは本文の背景画像だけでした。

topImage id が表示されない理由がわかりますか? 1 秒間動作してからもう 1 秒間動作しないのを見るのは、非常にイライラします。

<style>
   body
   {
   background-image:url("images/Background.gif");
   background-repeat:repeat-y;
   background-attachment:fixed;
   background-position:center top;
   }

   #topImage
   {
   position:absolute;
   background-image:url("images/Top-Banner.gif");
   background-repeat:repeat-x;
   width:100%;
   top:0px;
   left:0px;
   }
</style>

<body>

    <div id="topImage"></div>

</body>

これが本当に基本的な質問である場合は申し訳ありませんが、私はこれが初めてです。

4

2 に答える 2

8

#topImage高さが設定されておらず、高さを与える要素が内部にありません。

#topImage
{
  position:absolute;
  background-image:url("images/Top-Banner.gif");
  background-repeat:repeat-x;
  width:100%;
  height: 100px; /* Change to the height you need */
  top:0px;
  left:0px;
}

または、 を使用する代わりにimgタグを内側に貼り付けるだけでも機能します。divbackground-image

于 2013-09-14T13:46:48.283 に答える