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

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

<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代码吗？

来源

2015-08-20 Yunhee

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

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

如果您确实需要在图片上放置遮罩并使其跨浏览器运行，则必须使用图像编辑器将遮罩放在图像上。

来源

2015-08-20 10:15:28

边缘虽然是一个笑话。我认为微软终于做了一件好事，但该浏览器仍然是一块......我的意思是一个笑话。 – Telion

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

回答

相关问题