clip-pathで別のdivの下にdivを表示したいが、結果はちょっと変わった。div-divを別のdivの下に表示するclip-path
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;
}