css - 9を含むサファリブラウザでcssクリップパスが機能しない

Question

私のコードはこちらです。クロムで作業しているときに正常に機能する形状を作成しています。しかし、サファリではうまくいきません。

.left-triangle{
    float: left;
    height: 100%;
    width: 50%;
    background: #E84343;
    -webkit-clip-path: polygon(0% 1%, 0% 100%, 99% 37%);
    clip-path: polygon(0% 1%, 0% 100%, 99% 37%);   
}

誰でも私を助けることができますか？