html - div 中的背景图像未显示

标签 html css image background positioning

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

你能弄清楚为什么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,这样也可以。

关于html - div 中的背景图像未显示,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/18802383/

相关文章:

ios - 如何在 iOS 上为多个表缓存从服务器加载的图像

java - 带有 ImageIcon 的 Eclipse 项目

html - css中心div不工作

javascript - 当我在鼠标单击时将它重定向到处理程序(页面)时,如何使 javascript 每次都加载新数据(不使用缓存数据)

javascript - 为 Jquery 移动导航栏设置不同的颜色

javascript - 我如何在 CSS 中进行绝对定位?

c# - 在javascript中更改图像控件的大小

javascript - 如何用javascript获取之前的pushstate

css - 自动为li添加动画延迟