javascript - 居中背景延伸到屏幕边缘

Question

我不知道如何做背景扩展并将居中

现在我有这样的东西：

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;
}

Answer 1

我想background-size:可以帮助你..

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

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

Answer 2

尝试这个

 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;
    }