中心背景延伸到屏幕边缘

时间:2013-08-15 08:41:49

标签: javascript html css background

我不知道如何进行扩展和居中的背景

现在我有这样的事情:

body {
    background: url(tlo.jpg) no-repeat;
    background-attachment: fixed;
    background-position: center;
}

它居中并且尺寸恒定....

我希望它会按比例扩大......

我需要保持比例

谢谢!

好的我有解决方案! :)

body {
    background-image: url(tlo.jpg);
    background-repeat: no-repeat;
    background-size: 100% auto;
    background-position: center center;
}

2 个答案:

答案 0 :(得分:0)

试试这个

 body {
        background: url(tlo.jpg) no-repeat center center fixed;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
         background-size: cover;
    }

答案 1 :(得分:0)

我认为background-size:可以帮助你......

 body {
        background: url(tlo.jpg) no-repeat;
        background-position: center;
        background-size: 100% 100%;
 }

它将占据身体总宽度的100%宽度和身体总高度的100%......