Положение псевдоэлемента не работает правильно с клип-путем - PullRequest
Новая
       18

Положение псевдоэлемента не работает правильно с клип-путем

0 голосов
/ 26 декабря 2018

Привет,

мне кажется ошибкой.Использование clip-path изменило порядок стека псевдоэлементов и не позволяет вам расположить их сзади элемента.Это моя скрипка: 

#topcmm-123flashchat-side-userlist-inner {background-color:blue;position:absolute;}
#topcmm-123flashchat-side-userlist-inner, #topcmm-123flashchat-side-userlist-inner::before, #topcmm-123flashchat-side-userlist-inner::after {
 clip-path:polygon(8.03% 2%, 21.81% 2%, 26.77% 4.41%, 56.94% 4.41%, 60.63% 2%, 93.14% 2%, 98.85% 6.08%, 99.07% 87.01%, 94.28% 90.46%, 93.21% 97.43%, 55.48% 97.43%, 51.93% 99.00%, 26.95% 99%, 23.22% 97.31%, 6.93% 97.34%, 6.93% 89.43%, 3% 86.19%, 3% 6.36%);
}
#topcmm-123flashchat-side-userlist-inner::before, #topcmm-123flashchat-side-userlist-inner::after {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
 top:0;
 left:0;
    transform-origin:right;
}
#topcmm-123flashchat-side-userlist-inner::before {
    background-color: #808080;
    transform: scale(1.02);z-index:-1;
}
#topcmm-123flashchat-side-userlist-inner::after {background-color:black;transform:scale(1.03);z-index:-2;}

https://jsfiddle.net/kvd2ucwm/5/

Голубой должен быть сверху, затем серый и черный сзади, но если путь к клипам присутствует, синий уходит вместо фона.Есть ли решение этой проблемы?

Спасибо.

...