Как правильно масштабировать img?

Question

[Erl]

.main {
width:100%;
height:100%;
background-image: url(img/bg.jpg); }

main див растянутый на всю ширину монитора, при уменьшении размеров, картинка статична, можно ли сделать так что бы при уменьшении размера, картинка сдвигалась, то есть что бы видимая зона всегда была центром картинки

Answer 1

[Михаил Чирский]

Как то так?
jsfiddle.net/35h6a86r

Comments

[Erl]

да, спасибо)

Answer 2

[Денис Инешин]

background-size: cover;

Comments

[Erl]

не то