更改不同設備上的背景圖像定位

Question

我想知道如何設置我的CSS，以便當我的設備足夠小時，背景圖像的特定部分是顯示的內容（不是原始圖像的中心？）

目前我的背景圖片設置與

background-image: url(*.jpg); 
background-position: center; 

-webkit-background-size: cover; 
-moz-background-size: cover; 
background-size: cover; 
-o-background-size: cover; 

現在，當你縮小體積，它顯示的圖像，在那裏我希望展現的東西的大致從左側的第三不僅僅是中心圖片。

是否可以用css來做到這一點？

謝謝:)

Answer 1

你需要做媒體查詢，然後背景位置：

@media(min-width: 768px){ 
    background-position: 35% 55%; //percentage-based to "absolutely" position 
    /*background-position: center left;*/ //Maybe this too 

}