css - 如何垂直对齐背景大小为 : cover? 的背景图像

Question

我有一个带有 background-size: cover 背景图片的 div。是否可以将背景图像垂直居中对齐？

我试过 background-position: left center e background-position: 0 50%

这是一个 fiddle 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