更改不同设备上的背景图像定位

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

}