Не видно ::after над родителем, как исправить?

Question

[alexeeey_kuznetsov]

Ссылка на прошлый вопрос:
Как реализовать перекрытие фоном псевдоэлемента фона родителя, но не текста содержимого блока родителя?
Суть такая, что у активного таба ::after должен накладываться на нижнюю границу таба и как бы подчеркиваться активность таба.
https://codepen.io/alexeeey_kuznetsov/pen/RmgEeb
Перепробовал по-разному у элемента менять свойства. Не пойму почему не появляется, но если посмотреть в отладчике, и выделить after, то он есть и подсвечивается, но не выходит вперед, даже с установкой z-index.

Заранее спасибо за ответ.

Answer 1

[ⓒⓢⓢ]

у вас after обрезается границами блока, потому что у блока установлен overflow: hidden
возможно и не стоит after использовать, например, при активном табе просто убрать у него границу?
https://codepen.io/anon/pen/RmgvVR

Comments

[alexeeey_kuznetsov]

Да, действительно!
Спасибо Большое!!!