如何垂直對齊具有背景大小的背景圖片：封面？

我有一個背景圖像與背景大小的div：封面。這是可能的垂直對齊中心的背景圖像？如何垂直對齊具有背景大小的背景圖片：封面？

我試圖background-position: left centerËbackground-position: 0 50%

這裏是一個小提琴 http://jsfiddle.net/V8X2V/

編輯：

事實上background-position: left center;作品！我的問題是我有背景的內聯風格，並試圖添加背景位置在一個CSS文件，由於某種原因它不會工作。但是當我把這個位置聯機時，它工作...

來源

2014-03-31 igrossiter

什麼不爲你工作？你的兩個解決方案很好。 – Sunyatasattva

您可以使用background-position。事情是這樣的：

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

DEMO：JSFIDDLE

來源

2014-03-31 20:46:23 Farzad

你是否錯過OP說他嘗試過「背景位置」的那部分？ – j08691

@ j08691只是一個錯誤。如果問題沒有解決，我會刪除它。 – Farzad

如何垂直對齊具有背景大小的背景圖片：封面？

回答

相關問題