Я хочу показать div под другим div с клипом, но результат немного странный.клип-путь для отображения div ниже другого div
clip-path: polygon(0 285px, 30px 300px, 0 315px);
Если вы прокомментируете клип путь CSS, блок дисплея нормально.
Но, я хотел бы достичь этого. В моем примере изображения красный квадрат ниже зеленого квадрата.
Заранее спасибо за ответ.
Предполагая, что я понял, что вы хотели, вот рабочий пример. Мне пришлось немного изменить структуру кода. Я применил обрезку к вашему красному div, такому изображению. Тогда я обратил обтравочную маску, используя проценты, в том числе всего прямоугольника, а не только треугольник:
.left {
position: relative;
z-index: 2;
background: green;
height: 600px;
-webkit-clip-path: polygon(0% 0%, 100% 0, 100% 285px, 110% 300px, 100% 315px, 100% 100%, 0 100%);
clip-path: polygon(0% 0%, 100% 0, 100% 285px, 110% 300px, 100% 315px, 100% 100%, 0 100%);
padding: 0;
}