所以我在这个网站上工作,我得到了我想要的展示。 在处理较低的页面横幅后,突然间一切都消失了,我只剩下正文中的背景图像。
你能弄清楚为什么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/