Почему так работает z-index?

Question

[Ivan Ivanovich]

Есть задача прижать псевдоэлемент к нижнему правому углу элемента, чтобы он вылазил за его пределы, но не перекрывал основной блок. В моем случае почему-то псевдоэлемент залазиет на основной блок, несмотря на установленый z-index.

Что я делаю не так, вроде-бы элементарная задача?



P.S. Вариант с тем, чтобы оставить блок без z-index работает, но мне нужен именно с его указанием.

Comments

[v3shin]

Обязательно псевдоэлемент? Обязательно, чтобы родитель был с z-index? Обязательно, чтобы псевдоэлемент залезал на родителя?

[Ivan Ivanovich]

v3shin, уже решил другим способом, отказался от псевдоэлемента

Answer 1

[Ankhena]

https://jsfiddle.net/v7fbmj2o/

Comments

[Ivan Ivanovich]

Ankhena, не подойдет такой вариант, надо обязательно у родителя прописать z index

[Ankhena]

Ivan Ivanovich, что еще не подойдет? Очень люблю задачи в которых есть только четверть данных, а всё остальное, может быть потом.

Можете самостоятельно почитать про контекст наложения css.yoksel.ru/kontekst-nalozheniya

[Ivan Ivanovich]

Ankhena, я имею ввиду что нужен вариант именно с возможностью указать z index основному элементу. Вы убрали z index у container, и это работает, но так как это только пример, в макете нужно реализовать это с указанием z index, потому что с ним будут еще другие действия

[Ankhena]

Ivan Ivanovich, будет вся задача с макетом - будет решение. Не будет - читайте статью самостоятельно.
Гадать мне сегодня не хочется.