Css重复背景

时间:2009-12-31 16:35:59

标签: css xhtml

所以我在网站上有我的内容的背景图像,并且想知道当内容开始溢出时是否有办法在y轴上重复背景。这是它的样子:http://ithacawebdesigners.com/temp_data/wildfirewp/

谢谢!

即这是div

#content {
float:left;
height:100%;
width:860px;
padding-top:10px;
background:url('http://ithacawebdesigners.com/temp_data/wildfirewp/images/contentbackw.png') repeat-y;
margin:0 0 0 70px;
}

5 个答案:

答案 0 :(得分:2)

height css类中删除固定的.postcontent(500px)。其他一切似乎都井然有序。

答案 1 :(得分:2)

在你的layout.css文件中,你有第260行的这个块:

#content .page,#content .attachment,.postcontent {
height:500px;
width:720px;
margin-top:15px;
margin-left:30px;
float:left; 
}

删除height规则;它限制了你背景的高度。不幸的是,你的背景并不适合,但这会让你开始。

答案 2 :(得分:0)

试试这个:

background-repeat: repeat-y;

答案 3 :(得分:0)

如果您将CSS设置为使用 background-repeat:repeat-y;
它应该工作

答案 4 :(得分:-1)

在CSS中添加:

background-repeat : repeat-y;