css clip-path无法在Safari浏览器上工作，包括9

Question

我的代码是here。我正在创建在使用chrome时工作正常的形状。但是在野生动物园里，事情并不顺利。

.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%);   
}

任何人都可以帮助我吗？