Изменение позиционирования фонового изображения на разных устройствах

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 

}