Question

我正在寻找在页面中添加标题的方法，而且我遇到过这个网站:(见下图），它完全符合我的要求，但我无法弄清楚如何完成它。我遇到的麻烦只是在顶部只有一个标题图像而没有重复到底部。我在主div上使用了css background-image：url（image）但是存在重复图像问题。任何有关此事的帮助或见解将不胜感激。

编辑：我需要重复背景的其余部分直到结束。我认为将背景的其余部分作为单独的图像可能是解决方案的一部分，但我不知道标题图像div是否可以强制到同一层。再次，任何见解都是有价值的，因为我是HTML和CSS的新手。这也是我能找到的最好的示例网站，如果你被冒犯了，请用更好的例子进行编辑。谢谢！

enter image description here

Answer 1

background-repeat:no-repeat;

这是不重复背景图像的CSS技巧。

如果你还不知道这个，你怎么能进入这个网站呢？

来自你的链接

body {
  background: none repeat scroll 0 0 #000000;
  color: #FFFFFF;
  font-family: Helvetica,Arial,sans-serif;
  margin: 0;
  padding: 0;
}
#wrapper {
  background: url("/marines-theme/images/layout/body-background.jpg") repeat-x scroll left 23px rgba(0, 0, 0, 0);
  margin: 0 auto;
  min-width: 980px;
  overflow-x: hidden;
}
#overview-wrap {
  background: url("/image/image_gallery?uuid=a394504c-a638-449e-bb56-b517cfe7d3ee&groupId=10162&t=1349957392552") no-repeat scroll center top #000000;
}

这些是嵌套标记，如下所示：

<body>
    <div id="wrapper">
        <div id="overview-wrap"></div>
    </div>
</body>

就是这样。

PS。我添加了你想要展示的截图。你能删除（现在没用的）链接吗？

Answer 2

您可以使用以下CSS完成它，

#elemId
{
 background: #00ff00 url('testimage.jpg') no-repeat top left;
}

希望它会有所帮助

标题的HTML背景图片

2 个答案: