如何垂直对齐具有背景大小的背景图像：封面？

Question

我有一个带有背景图像的 div，背景尺寸为：cover。是否可以在中心垂直对齐背景图像？

我试着background-position: left centerèbackground-position: 0 50%

这是一个小提琴 http://jsfiddle.net/V8X2V/

编辑：

确实background-position: left center;有效！我的问题是我有一个用于背景的内联样式，并且试图在 css 文件中添加背景位置，但由于某种原因它不起作用。但是当我确实将位置内联时，它起作用了......

Answer 1

您可以使用background-position. 像这样的事情：

div {
    background: url(http://placekitten.com/400/400);
    background-size: cover;
    width: 300px;
    height: 150px;
    background-position: 0% 30%;
}

演示：JSFIDDLE