Как сделать ребенка с position absolute видимым везде, кроме родителя?

Question

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

Песочница
Даже проиллюстрирую

Так же обязательно нужно, чтобы блок был кликабельным и с возможностью прокрутки. Уточняю это, так как находил решение, где подобная задача решалась через z-index -1 и это просто блочило любое взаимодействие с блоком, внутри которого был виден pocket. И я так понял либо решение до ума не доведено, либо вообще по другому нужно решать.

Comments

[Алексей Дубровин]

z-index -1 и это просто блочило любое взаимодействие

pointer-events
уберите блок эвента, и радуйтесь жизнью.
Картинка вообще огонь. Информативно и полезно

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

Алексей Дубровин, Новая песочница. Ну как бы не помогло. Опять же, может я не правильно реализую z-index.

[Алексей Дубровин]

Артем Прохоров,
Ну вообще родитель не может перекрыть ребенка(так устроен документ, это дерево), так что я просто прочитал "где подобная задача решалась" вот и ответил на пункт который вы указали дальше, про блок взаимодействия.
Подумайте над задачей, мб ее можно решить по другому?
Я понятия не имею какую вы задачу решаете. Так что только предположения, и вредные советы.

[ProjectSoft]

Почему вы используете позицию right и почему в пикселях? И где это писалось про подобное решение с z-index?
Я это к чему... Ни всегда советы являются решением.

[Сергей Т]

@kotcich
Так должно быть? и черный блок с прокруткой

Answer 1

[Сергей Т]

https://codepen.io/tihomirovpro/pen/OJzqqZz