如何在IE中使用CSS剪辑路径？

Question

在html中，

<div id='box'><img src='img.png' id='img' /></div>

CSS，

    width: 370px;
    height: 372px;

  -webkit-clip-path: polygon(100% 0%, 100% 100%, 0% 100%, 0% 0%, 50% 41%);
  -o-clip-path: polygon(100% 0%, 100% 100%, 0% 100%, 0% 0%, 50% 41%);
   clip-path: polygon(100% 0%, 100% 100%, 0% 100%, 0% 0%, 50% 41%);

它适用于除IE之外的浏览器

如何在Internet Explorer中使用剪辑路径？

我还需要另一个css代码吗？

Answer 1

不幸的是，IE中根本不支持剪辑路径，如here所示。

你可以搜索一个polyfill，但是，我还没有在quick search找到真正的注释。

如果您真的想在图像上使用遮罩并使其跨浏览器工作，则必须使用图像编辑器将遮罩放在图像上。