0

我的 wordpress 主题有背景，

我有另一个图像，我想将它放置在页面的中心并从左到右水平重复它。

非常类似于这个网站http://www.tcs.com/homepage/Pages/default.aspx

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

谢谢

4

3 回答 3

2

我会使用包装器来完成此操作。

<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>
于 2012-05-07T17:10:03.063 回答
1

您可以像这样使用 CSS3设置多个背景图像：

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

您只需用逗号分隔规则。它得到了相当广泛的支持。

这是你要找的吗？

http://jsfiddle.net/4S5HR/

于 2012-05-07T17:05:42.430 回答
0

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

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

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

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

您能否提供有关您的 CSS 的更多详细信息，我可以为您提供更详细的答案，但这应该可以满足您的要求。

于 2012-05-07T17:04:57.567 回答