1

所以我在这个网站上工作，我展示了我想要的东西。在处理较低的页面横幅后，突然一切都消失了，我只剩下正文中的背景图像。

你能弄清楚为什么 topImage id 不显示吗？看到它工作一秒钟而另一秒钟不工作，真是令人沮丧：

<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标签div而不是 using background-image，那也可以。

于 2013-09-14T13:46:48.283 回答
0

尝试使用以下语法

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

希望能解决问题

于 2014-03-23T12:46:51.240 回答