Почему картинка не принимает нужную форму?

Question

[Гриша Никольский]

Здравствуйте. У меня не получается на сайте justme.matdev.ru картинку отобразить полностью. То есть если посмотреть на изображение на сайте и оригинальное, то разница видна.
Сам header растягивается четко по размерам экрана, а вот изображение вставляется не так, как хочется. Как это исправить?

Картинка.


Заранее спасибо!

Answer 1

[Ankhena]

Если Вы возьмете браузер за уголок и будут изменять его размеры (особенно пропорции) и заодно смотреть на то как изменяется изображение, думаю Вы сможете понять куда пропадает плечо.

Comments

[Гриша Никольский]

Да, будто для картинки выделяется места больше, чем ее размер. Но она в разрешении 1920x1080.

[Ankhena]

Гриша Никольский: для этого .jm-head внимательно посмотрите на то, что написано в background и на запятые

[Гриша Никольский]

Ankhena W: даже если перед "no-repeat" поставить запятую, то все равно работать будет так же.

[Ankhena]

Гриша Никольский: ПЕРЕД no-repeat она у Вас уже стоит. Соответственно то, что после последней запятой относится к самому нижнему фону у которого нет ни изображения ни цвета, т.е. вообще ни к чему не применяется.

[Гриша Никольский]

Ankhena W: Спасибо.

Answer 2

[Юрий Кучеренко]

Сейчас вроде все нормально

Comments

[Гриша Никольский]

Ну на оригинале плечо видно, а вот на сайте нет. Это все-таки довольно приличная часть изображения.

[Дмитрий]

Гриша Никольский: используйте свойство background-position: (top/bottom/center/left/right)

[Дмитрий]

Гриша Никольский: или же background-size: cover