Как при масштабировании обрезать фон по краям?

Question

[denism300]

К примеру, есть такой блок:

<div id="block">Тут какой-то текст</div>

У этого блока есть бэкграунд шириной 1900px:

#block {
	background: url(img/background.png) no-repeat 0 100%, #fff;
}

Как при масштабировании окна сделать так, чтобы фоновая картинка обрезалась по краям, сохраняя при этом пропорции?

Answer 1

[Dymok]

background-size: cover ?

Comments

[denism300]

в этом случае, он не располагает фон по центру, а прижимает к левому краю

Answer 2

[denism300]

все, разобрался.

#block {
  background: url(img/background.png) no-repeat 50% 100%, #fff;
  background-size: cover;
}