Как разместить блок поверх картинки?

Question

[shalashovka01]

Как поместить в самый центр картинки блок из кнопок и инпутов, как бы накладывая один слой на другой?

Answer 1

[WapSter]

Answer 2

[Дима Долготер]

какбы фоном картинку поставь

Comments

[shalashovka01]

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

[Lynatik001]

shalashovka01, используй медиа запросы.

[Пашенька]

shalashovka01, можно ничего не обрезать, а использовать background-size: cover; Фоновая картинка всегда будет заполнять элемент, но может встать не самым лучшим образом, тогда медиа запросом с background-position можно подвинуть куда нужно. Ну и позиционирование изучите. Если в двух словах, то родителю с фоновой картинкой position: relative, а элементу, который хотите расположить над картинкой position: absolute, дальше используя свойства top/left, позиционируете этот элемент относительно его родителя.

Answer 3

[Lynatik001]

z-index: -1;
к стилю фоновой картинки.