CSS和HTML中的横幅帮助
[英]Banner help in CSS and HTML
问题描述
我有一个标题div标签背景，并且试图将横幅div标签放在其上，以便显示图像。 但它没有出现。 我不知道该如何解决。
标头标签CSS：
#header-wrapper
{
overflow: hidden;
width: 650x;
background: #659EC7 url(images/overlay.png) repeat;
}
#header
{
}
横幅广告代码CSS：
#banner
{
background: url(images/banner.png);
}
这是我的标头HTML代码。 我在其中放置了横幅div标签：
<body>
<div id="header-wrapper">
<div id="header" class="container">
<div id="banner">
</div>
<div id="logo">
<span class="icon icon-fire"></span>
<h1><a href="#">EXO</a></h1> </div>
<div id="menu">
<ul>
<li class="current_page_item"><a href="index.php?page=home" title="">Home</a></li>
<li><a href="index.php?page=gallery" title="">Gallery</a></li>
<li><a href="index.php?page=contact" title="">Contact</a></li>
<li><a href="index.php?page=logreg" title="">Login/Register</a></li>
</ul>
</div>
</div>
</div>
请帮我！ 谢谢 ：）
2 个解决方案
解决方案1
0 已采纳 2014-01-28 10:49:44
您将图像作为.banner的背景。 但是它没有宽度或高度。 尝试：
#banner {
width: 100%;
height: 100%;
background: url(images/banner.png);
}
如果.banner父级有身高，请使用此.banner ；否则-
#banner {
width: 100%;
height: 80px;
background: url(images/banner.png);
}
我们可以使用它，设置.banner的宽度和高度。
背景图片未设置宽度和高度，因此没有它们时， div不会显示。
您也没有给.header任何高度和宽度。 因此，对于我的width: 100%; height: 100%; 要工作，您需要进行设置。 或.banner px设置.banner宽度和高度
另外，对于标头包装器，您没有放置px （可能是拼写错误）。
#header-wrapper {
overflow: hidden;
width: 650px;
background: #659EC7 url(images/overlay.png) repeat;
}
在.banner上设置宽度和高度。
在.banner ， .header和wrap上设置宽度和高度。
解决方案2
0 2014-01-28 10:54:55
您必须为横幅div设置宽度和高度。
#banner{
width: 100%;
height: 400px;
}
请注意，高度必须固定才能起作用。
小提琴： http ： //jsfiddle.net/8syUX/
无限滚动网站横幅帮助[html / css]
声明:本站的技术帖子网页，遵循CC BY-SA 4.0协议，如果您需要转载，请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.