Какую высоту задавать дочернему слою при background-size: contain?

Question

[sergey]

jsfiddle
собственно есть background и есть некий overlay (я его задаю через before), не могу понять какую высоту ему задавать, чтобы он не выпадал с основного background?

или отказаться от задания блоку высоты напрямую, и оформить ее через pading-top скажем

Comments

[Zhainar]

background-size: cover;
background-position: center;

[sergey]

Zhainar: с cover работает, давайте свой ответ внизу полноценно, засчитаю как верный

Answer 1

[Zhainar]

Знать вообще надо

background-size: cover;
background-position: center;

Answer 2

[Алексей]

Он и не выпадает, с оверлеем все хорошо он высотой ровно 100% от родителя. Повешайте родителю бордер и посмотрите что все ок.

Comments

[sergey]

смысл вешать border, визуально и так видно что при contain высота background уменьшается, overlay же все 100% высоты, внизу видим серую полосу

[Алексей]

SM: может дело в высоте блока которая задана 349px?

[sergey]

Алексей: написано же: или отказаться от задания блоку высоты напрямую, и оформить ее через pading-top скажем