html - 在每个页面 CSS 顶部插入横幅图像

Question

我正在学习如何创建一个网站，我偶然发现了一个我无法解决的问题。我想在网站的每个网页的顶部放置一个横幅，我想知道是否可以使用 .CSS 来完成此操作。我已经在 .CSS 上有了背景，但我似乎无法在上面正确插入图片。这是我的代码:

 hr {color:sienna;}
 p {margin-left:20px;}
 body {
 background-image:url("pic2.png");
 }

然后我会在每个页面上调用它(css 文件名为 style.css):

  <link rel="stylesheet" type="text/css" href="style.css">

Answer 1

像这样...？

JS fiddle :http://jsfiddle.net/SinisterSystems/Yd4d6/

<div id="banner"></div>
<div id="content">
    Hello world
</div>

#banner {
    background:url('http://sweetclipart.com/multisite/sweetclipart/files/imagecache/middle/banner_white.png');
    width:100%;
    min-height:189px;
}

或者您希望它动态地将元素应用到您的页面吗？

---

为了获得进一步的见解，我们需要更多数据:

• 您的横幅是否是静态的，即始终保持相同的尺寸和相同的位置？
• 这会显示在每个页面上吗？您是否希望将其放入 DOM 中？

如果您尝试向页面中实际添加元素，CSS 只允许对页面上的现有元素执行伪操作。