微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

html – div中的背景图像没有显示出来

所以我正在这个网站上工作,我展示了我的想法.
一个较低的页面横幅上工作后,突然间一切都消失了,而我留下的只是身体中的背景图像.

你能弄明白为什么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>

对不起,如果这是一个非常基本的问题,我对此有点新意.

解决方法

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

或者只是在div中添加一个img标签而不是使用background-image,这也可以.

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。

相关推荐