容器背景不重复

时间:2011-08-08 01:12:10

标签: height containers repeat css

好吧,我设计了一个具有透明背景/可重复图像的网站。我想要做的是让它一直重复到页面底部......

我想尝试将高度应用于容器背景,包括两个元素的最小高度为100%,并且看到容器内的容器和内容除了“body”和/或“html”之外没有父元素,我不知道我应该如何重复这个背景,直到它真的连接到窗口的底部。

似乎我一直在重复制作背景图像。 “这非常恶化。

我恳请有人帮我解决这个反复出现的问题。希望我的问题可以解决,也可以回答。谢谢StackOverflow社区。

非常感谢! 亚伦:-D

2 个答案:

答案 0 :(得分:3)

在你的容器中css试试这个:

background:url(images/containerback-01.png) repeat-y;

如果没有看到您的代码,就很难提供帮助。

答案 1 :(得分:1)

一个例子会有所帮助,但是如果你遇到的问题是你的背景在你的内容结束时结束(之后留下了很大的空白),这应该会有所帮助:

html {
height:100%;
background: blue;
background-attachment:fixed;
}

背景现在应该拉伸整个页面长度。 codepen您的问题有助于生成更具体的答案。