Как сделать адаптивный фон на CSS, чтобы края картинки обрезались?
Задаётся height нужного значения, а background центрируется + свойство cover (важно!)background: url("../img/background.jpg") no-repeat top center; /*либо center center*/
background-size: cover;
height: 700px;
Тогда всё должно получиться.
background: 50% 0% url('http://lorempixel.com/1920/300/') no-repeat;
height: 300px;
высота фиксированая - 300px, фон центруется.