Question

我遇到了一个我正在改变的网站的问题。页面的背景不会像我放在侧面的横幅一样继续，因为这个网站看起来很糟糕。你能帮我解决一下只要横幅（1500px）如何延长容器的背景吗？对不起，我对这个问题的描述是如此模糊，我在这里链接到问题的网站，这样你就可以更好地了解我的意思。它是http://gentlecare.ro/index.php?route=information/information&information_id=6

非常感谢，光圈

Answer 1

您可以使用background-size属性。仅限于现代浏览器的思想。您也可以拉伸背景图像。

Answer 2

你需要把

<div style="clear:both"></div>

到container-inner div的末尾，将容器拉伸到其内容

或者更好地使用CSS Clearfix Best Cross browser solution

Answer 3

好像你有一个CSS语法错误：

    #column_left {
     float:left;
      width:230px;
      clear:; // needs to be "clear:both"
      padding:30px 0 0 10px;
                 }

Answer 4

由于横幅具有固定的高度，您可以为#container id添加相同的height属性。

#container {
width: 990px;
margin-left: auto;
margin-right: auto;
text-align: left;
background: url(../image/layout/bg-container.jpg) center 0 repeat-y;
height: 1504px;
}

Answer 5

<div id="container-inner">
<div id="header">
<div id="column_left">
<div id="column_right"> </div>
<div id="content">
<div style="clear:both"></div>// add this
<div id="footer">
<div style="clear:both"></div>// add this
</div>

和这个

 #container {
        background-image: url("../image/layout/bg-container.jpg");
        background-size: 990px 1518px;
    }

#footer {
    background: url("../image/layout/bg-footer.jpg") no-repeat scroll center top transparent;
    bottom: 0;
    height: 60px;
    margin: -130px 0 0;
    padding: 70px 20px 0;
    position: relative;
}

如何只要页面制作背景？

5 个答案: