Как одну картинку разделить на два дива?

Question

[germankraut]

Как сделать так чтобы одна картинка как бы была на двух слоях?(Показано в квадрате на скрине что именно). Как это можно сделать?

Comments

[Павел]

я один нечего не понял?)

[Vladislav]

Павел, ему нужно сместить картинку. чтобы она была между двумя дивами

[Павел]

Владислав, яснее не стало)

Answer 1

[Ankhena]

Не нужно делить картинку.

Варианты:
1. Нижнему блоку задаете отрицательный верхний margin
2. Блоку с картинкой даете отрицательный верхний margin. А верхнему блоку нужный padding.
3. Верхнему блоку задает фон не цветом, а градиентом.

И модификации этих идей.

Например https://jsfiddle.net/57e3xgao/

Answer 2

[Никита Михайлов]

Используйте позиционирование. position: relative и bottom: -100px (условно)