背景没有扩大

时间:2011-06-16 07:35:38

标签: css background containers background-color repeat

好吧,我正在使用XHTML 1.0 Strict和CSS 1,2,3设计一个网站。而且,我有一个页面容器,它包含容器中的每个div,我在容器上指定了min-height以确保扩展页面。

但是,我在页面容器中有另一个包含内容div和侧边栏div的容器,内容容器中的所有3个容器都设置为height:inherit;并且都有一个最小高度。

在包含内容和侧边栏div的容器上,我有一个位于顶部和中心的背景渐变图像,但我也调出了一种背景颜色,我想继续作为一种淡化 - out效果,这将使容器打开以进行页面扩展。

但问题是,颜色不会在容器内一直重复。

您可以查看下面的设计,它与组织良好的外部样式表相关联。以及HTML页面组织良好。

http://www.noxinnovations.com/portfolio/kolja/

非常感谢StackOverflow, 我希望很快能听到某人的意见, 亚伦布鲁尔

2 个答案:

答案 0 :(得分:1)

如果我理解你的问题,我不是百分百确定。

但是补充说:

float: left;

到此:

#content-container

应该做的伎俩。

答案 1 :(得分:1)

那个链接给了我一个404页面找不到。

也许你的意思是你想用css拉伸背景图像?在那种情况下,我可以告诉你,这样的事情是不可能的。你无法拉伸css背景图片。

通常,当您想要渐变背景时,可以制作足够长的渐变,并使用渐变的结束颜色填充背景的其余部分。

CSS 3支持将渐变定义为颜色。 W3C working draft of gradients.