Как использовать CSS-клип в IE?

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.

Вы можете найти полиполку, однако я не нашел одно из реальных примечаний на quick search.

Если вы действительно хотите получить маску над изображением и работать с кросс-браузером, вам придется поместить маску на изображение с помощью редактора изображений.