Как наложить блок на 2 других блока?

Question

[alex_lahin]

i12.pixs.ru/storage/4/1/7/S708171351_2805243_27237... - картинка
Кто знает, прошу помочь...

Comments

[Ankhena]

Читайте htmlbook.ru/samlayout/blochnaya-verstka/pozitsioni...
Дальнейшая помощь возможна после того, как вы выложите свой код и напишете конкретные вопросы, что не получилось.

Answer 1

[Astrohas]

.wrapper>.black+.red+.blue
как то так

.wrapper{position: relative;}
.blue{position:absolute}

https://jsfiddle.net/964wj9yk/7/

Comments

[alex_lahin]

Так?

[leni_m]

alex_lahin: так
Смотрите position: absolute поднимает блок над всей страницей и с помощью left, top и т.д. можно управлять его положением, а если position:absolute лежит внутри блока с position: relative, то он поднимается уже не над всей страницей а над блоком внутри которого лежит (тот, который с position: relative).
Так же если несколько блоков с position: absolute, то соответственно вопрос: какой блок будет над каким? Тут вступает в силу новый css стиль z-index: число; у кого будет больше этот самый z-index, тот и будет выше.

[alex_lahin]

leni_m: Спасибо

Answer 2

[leni_m]

хммм... Так он и так наложен, два блока - красный и черный. Поверх них наложен синий.
Может вы опечатались и хотели написать: Как наложить здоровенную кучу?)))

Comments

[alex_lahin]

...

[leni_m]

alex_lahin: ну а что? Старая мудрость - какой вопрос, такой ответ) Может это вы знаете дополнительные сведения и вопрос для вас очевиден, но я лично не понял сути вопроса.