Background-image inside div not showing up

2019-01-27 07:38发布

站内问答 / HTML/CSS
1395 2 4

So I was working on this site and I had the displaying how I was wanting. After working on a lower page banner all of a sudden everything disappeared and all I was left with was the background Image in the Body.

Can you figure out why the topImage id does not display? It is frustrating as hell to see it work one second and then not the other:

<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>

Sorry if this a really basic question, I am kind of new at this.

2条回答
冷血范
2楼-- · 2019-01-27 07:44

try using the following syntax

#topImage
{
  position:absolute;
  background-image:url("../images/Top-Banner.gif");
  background-repeat:repeat-x;
  width:100%;
  height: 100px; /* Change it to auto if you need to div to adjust automatically according to contents inside it */
  top:0px;
  left:0px;
}

hope that sorts out the problem

查看更多
0人赞 添加讨论(0) 举报
一夜七次
3楼-- · 2019-01-27 08:08

#topImage doesn't have a height set, and no elements inside it which would give it a height.

#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;
}

Or just stick an img tag inside the div instead of using background-image, that would work as well.

查看更多
0人赞 添加讨论(0) 举报
登录 后发表回答
相关问题
查看全部
相关文章
查看全部
收藏的人(4)