Как сделать такой фон?

Question

[Денис Щетинин]

Подскажите пожалуйста как сделать такой фон?
Есть линейный градиент и изображение которое идет под формой поиска. Проблема в самом размещении изображения, чтобы оно было в нужном месте при разных разрешениях экранов.
Буду благодарен за любый мысли по этому поводу)

Comments

[Анатолий]

@media запросы? Я не очень понял вопрос.

Answer 1

[Tizi]

Изображение ??? Зачем ??? Это все добивается стилями.
Даже если вы хотите залить фон под формой изображением, что вам мешает ?? и вам ненужно будет парится по поводу ее позиционирования при ресайзе экрана. Но вопрос в другом: Правильное ли это решение ?? Так как если вы делаете адаптивный сайт то вам нужно в любом случае иметь несколько таких же фоновых изображений которые будут применяться в зависимости от экрана устройства ( не будет же на мобильном у вас такой блок ?? все поплывет просто )

Answer 2

[wbrapist]

Ну так и позиционируйте изображение относительно формы. Форме поиска (блоку в котором она находится) - position: relative, а изображению position: absolute. И дальше устанавливаете картинку куда надо.

Или просто установите форме/блоку формы background.