Почему clip-path режет дочерние элементы?

Question

[art style]

есть блок который обрезан с помощью clip-path
все что висит внутри блока, например выпадающее меню, тоже режется с помощью clip-path
z-index не помогает... как вылечить?

Comments

[Rustam Bainazarov]

Никак z-index тут не поможет. Clip-path для этого и создан. Поможет только вывод блока, который резать не надо, за пределы clip-path по иерархии.

[art style]

Рустам Байназаров, а если например мне только цвет бекграунда порезать надо?

[art style]

Максим Ленский, нет. когда наводишь курсором появляется выпадающее меню вниз которое режется clip-path

[Максим]

art style, разумеется будет резать - полный скриншот того что надо - покажи

[art style]

Максим Ленский, надо чтоб не резал. shtheme.com/demosd/industrio3 я пытаюсь сделать меню как здесь, без использования бекграунда

[Максим]

art style, это не clip-path делается а обычным псевдо элементом ...показать ?

[Тарас Шульга]

Максим Ленский, ему в прошлом скинули ответ и на клипе и два варианта с псевдоэлементом. Мой и ещё одного человека через calc, но он как-то их забраковал .

[Максим]

Тарас Шульга, в прошлом вопросе как и в этом нету ни какого логического вопроса .... не ясно что надо было сделать

[art style]

Тарас Шульга, ваше решение это наложить :after белым цветом сверху... я объяснил что этот вариант мне не подходит т.к. нужна прозрачность..

я уже не знаю как объяснить.. разжевал уже все по максимум даже ссылку с примером дал..

Answer 1

[Максим]

https://codepen.io/topicstarter/pen/mdygddK - само выпадающее меню ни делал - просто добавил статический квадратик ...если не разберётесь пишите - помогу

Comments

[art style]

как вариант, я думал об этом но тут JS...

[Максим]

art style, на js я просто svg вставил - можно статически вставитьи тогда js можно убрать