Как сделать div с position absolute в блоке родителя с relative видимым только снаружи?

Question

[Артем Прохоров]

Вот пример
Я хочу, чтобы розовый блок был виден только на черном фоне и не был виден на голубом.

Answer 1

[Андрей Федоров]

https://codepen.io/aliencash/pen/JjOxOdm

Comments

[Артем Прохоров]

А здесь как? z-index: -1 убирает весь блок.

[Андрей Федоров]

Какого эффекта хотите добиться? Уверен можно сделать проще.

[Артем Прохоров]

Андрей Федоров, Того же самого эффекта хочу, но именно в такой верстке. z-index сейчас убирает pocket с обоих сторон.

[Андрей Федоров]

Артем Прохоров, у вас розовый блок вообще не находится на черном фоне. он находится на красном. сформулируйте задачу грамотно.

[Артем Прохоров]

Андрей Федоров, Извините, параллельно с работой вопрос задавал просто. Нужно чтобы блок был виден только на розовом блоке (в ссылке, из 1 комментария под вашим ответом).