垂直居中背景图像

定义一些高度,以便图像知道应该如何/在何处居中:

html {
    height: 500px;
}

body {
    background: url("http://media.silabg.com/uf/common/catch-the-sun01.jpg") no-repeat center;
    height: 100%;
    width: 100%;
}

http://jsfiddle.net/az6x908x/

如果您尝试将图像水平和垂直居中,可以尝试:

body {
    background: url(http://media.silabg.com/uf/common/catch-the-sun01.jpg) no-repeat center center fixed;
}

这就是你要找的吗?

这将使背景图像垂直和水平居中。检查 DEMO .

body {
    background: url(http://media.silabg.com/uf/common/catch-the-sun01.jpg) no-repeat 50% 50% fixed;
}