将垂直背景图像浮动在另一个背景图像下
图片说明：http://img219.imageshack.us/f/skrmavbild20110321kl160.png/
我想要在页面顶部放置一个背景图像，该图像的宽度为 800 像素，高度为 400 像素。
在此图像下，我想要另一个背景图像，它将在页面的其余部分重复垂直（重复 y）。
我尝试过以下
<div id="bg-static">
<div id="bg-repeat-y">
<div>
Text goes here
</div>
</div>
</div>
操作，但我希望“文本位于此处”浮动在两个元素上。 （参见图片，http://img219.imageshack.us/f/skrmavbild20110321kl160.png/)
我应该怎么做才能做到这一点？
Image explanation: http://img219.imageshack.us/f/skrmavbild20110321kl160.png/
I have a background-image that I want on the top of my page, this image is width 800px and height 400px.
Under this image I want another background-image which will repeat vertical (repeat-y) for the rest of the page.
I have tried the following
<div id="bg-static">
<div id="bg-repeat-y">
<div>
Text goes here
</div>
</div>
</div>
The thing is that I want "The text goes here" to float over both element. (See picture, http://img219.imageshack.us/f/skrmavbild20110321kl160.png/)
What should I do to do this?
如果你对这篇内容有疑问，欢迎到本站社区发帖提问 参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱，如果其他用户或者作者回复了您的评论，将不能在第一时间通知您！
发布评论
评论（2）
你让这看起来太复杂了，但其实非常简单。
这就是你需要做的：
你的“无限，重复”图像将作为网站背景，如下所示：
接下来，创建一个像这样的html：
然后将你的800x400px图像放在那里，如下所示：
在测试它时，暂时使用这个：
You are making this seem too complicated, but it's extremely easy.
This is what you need to do:
Your "infinite, repeated" image will go as a site background, like this:
Next, create a html like this:
And just put your 800x400px image there like this:
While testing it, temporarily use this:
我认为解决方案是相反的：在外部
div上设置重复背景，在内部div上设置固定高度背景。jsfiddle 上的一些代码： http://jsfiddle.net/EBK4C/
I think the solution would be the other way around: have the repeating background on the outside
divand the fixed height background on the insidediv.Some code on jsfiddle: http://jsfiddle.net/EBK4C/