Question

我的wordpress主题有一个背景，

我有另一张图片，我想把它放在页面的中央，然后从左到右水平重复。

与此网站非常相似http://www.tcs.com/homepage/Pages/default.aspx

任何提示或说明都非常感谢。

谢谢

Answer 1

我会使用包装器来完成此任务。

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<style type="text/css">
body {
background-image: url(image1.jpg);
}
#wrapper {
background-position: center middle;
width:100%;
height:100%;
margin: 0px;
padding: 0px;
background-image: url(image2.jpg);
background-repeat: x-repeat;
}
</style>
</head>
<body>
<div id="wrapper">

</div>
</body>

Answer 2

您可以使用CSS3设置multiple background images：

body {
  background: url(first_image.png) top left no-repeat,
              url(second_image.png) center center repeat-x;
}

您只需用逗号分隔规则即可。这是pretty widely supported。

这是你要找的吗？

http://jsfiddle.net/4S5HR/

Answer 3

这取决于您拥有原始背景图片的位置。如果它像这样附加到html

html {
    background: url(original-background.png) top left repeat-x;
    }

你可以将重复的水平图像附加到身体上，就像这样

body {
    background: url(repeating-background.png) top center repeat-x;
    }

你能否提供一些关于你的css如何更详细的信息，我可以给你一个更详细的答案，但这应该适合你的需要。

css多背景定位

3 个答案: