Question

您好，我正在尝试制作并在1个标签中的另一个上面进行成像。

基本上我想要一个图像作为顶部的横幅，所以重复-x 然后根据它，我希望背景图像重复多次

这样的事情

body
{
 background:url(banner.jpg); repeat: repeat-x;
 background:url(background.jpg); 
}

不是100％确定怎么做...我认为这解释了我的意愿。

我可能也想在底部添加一些东西，所以在完成背景之后我会想要像背景一样的东西：url（footer.jpg）repeat：repeat-x;底

Answer 1

我认为这就是你想要的。

http://jsfiddle.net/wpqDy/

html {
    height: 100%;
    width: 100%;
    background: url("bg.jpg") repeat 0px 3px;
}

body {
    background: url("bg_top.jpg") repeat-x top left;    
    height: 100%;
    width: 100%;
}

Answer 2

您需要将背景图像放在两个不同的容器上。也许是这样的：

<body>
  <div id="page">
    <div id="content">
      ...
    </div>
  </div>
</body>


#page
{
  background:url(background.jpg); 
}

#content
{
  background:url(banner.jpg); repeat: repeat x;
}

Answer 3

CSS3支持单个元素上的多个背景;除了IE＆lt; = 8之外，这是相对广泛支持的。您可以编写以下内容：

body
{
  background-image: url(banner.jpg), url(background.jpg);
  background-repeat: repeat-x, repeat;
}

css图像在另一个网站背景

3 个答案: