Как сверстать этот блок?

Question

[mindx]

Учусь только, не совсем понимаю как сверстать блок этот, а именно эти фотографии на фоне.
Не вырезать же их как bg. Может, как-то через z-index? Обьясните пожалуйста
https://pp.userapi.com/c840532/v840532064/4873c/eS...

Answer 1

[Дима Паутов]

Как обычную картинку вырезать и вставлять.

Comments

[mindx]

так просто? Те их объединить вырезать и вставить как обычную картинку?

[Дима Паутов]

mindx, да, а как должно то быть?

[Константин Теплоухов]

Дима Турков, Мне почему то показалось что это слайдер -_- Наверное показалось .

[Дима Паутов]

Константин Теплоухов, слайдеры обычно сопровождаются определённым знаками. Стрелки по бокам, или пагинатор из точек

[mindx]

Дима Турков, я думал нужно сделать как сказал flppv . Через bg если задавать не будет проблем? И вообще , как в таких ситуациях действовать, если не понятно это bg или нужно сверстать отдельными картинками?! Такое обычно в ТЗ пишут или нет?

[Anton Filippov]

mindx, это на ваше усмотрение, но через bg менее семантично будет и чуть заморочнее (надо будет bgsize подгонять и тд)

[mindx]

flppv, не, я сделал как новый блок и в нем через img и в стилях добавил max-width: 100%; ( вот как вышло - https://pp.userapi.com/c841038/v841038918/6176c/li... ). Я просто почему-то думал, что все куда труднее... Спасибо

[Anton Filippov]

mindx, все ок)

Answer 2

[Anton Filippov]

3 картинки, у средней z-index выше чем у боковых и позишном поднять его относительно их