剪切路径可在CSS中使用，但不适用于JS（野生动物园问题）

Question

我使用了clip-path属性来剪辑图片，我做到了：

CSS：

-webkit-clip-path: polygon(40% 100%, 100% 100%, 100%  10%); 
 clip-path: polygon(40% 100%, 100% 100%, 100%  10%);

JS：

x.style.WebkitClipPath = 'polygon(0% 100%,  0 0, 80% 0)';
x.style.clipPath = 'polygon(0% 100%,  0 0, 80% 0)';

结果是，过渡和CSS属性适用于chrome，firefox，opera。 但是对于野生动物园来说，它仅适用于CSS文件，过渡onmouseover不起作用。

我不问是否必须这样做，我花了2-3天的时间找到解决方案。提前通知人们。