css剪辑路径形状不工作，即我如何创建此与css

我想根据形状剪裁图像，如下图所示。
但我的代码不能在IE中工作。
我怎样才能让它在IE中工作？css剪辑路径形状不工作，即我如何创建此与css

.svg-image { 
 
    background: url(http://r-ce.com/wp-content/uploads/2016/01/Driving-Classes-Deal1-1.jpg); 
 
    width: 320px; 
 
    height: 320px; 
 
} 
 

 
.svg-image { 
 
    -webkit-clip-path: polygon(50% 0%, 100% 0, 100% 35%, 100% 85%, 70% 92%, 51% 81%, 31% 90%, 0 87%, 0% 35%, 0 0); 
 
    clip-path: polygon(50% 0%, 100% 0, 100% 35%, 100% 85%, 70% 92%, 51% 81%, 31% 90%, 0 87%, 0% 35%, 0 0); 
 
}

<div class="svg-image"><div>

View on CodePen

来源

2017-07-21 Lik Core

我的代码https://codepen.io/km_likhon/pen/zdOOLR –

如果您在此处包含代码的重要部分，则更有可能得到答案。请参阅[mcve]。 – Gary99

[Internet Explorer和剪辑路径]的可能重复（https://stackoverflow.com/questions/21904672/internet-explorer-and-clip-path） – showdev

在此不IE支持。看到这个链接到CanIUse http://caniuse.com/#feat=css-clip-path。

此外，这个线程虽然几年前确实提供了一个使用SVG的可能解决方案。 clip-path svg polygon Internet explorer

还有一件事，如果你进入照相馆或瘸子，你可以剪下图像的那一部分，并使它成为一个透明背景的PNG。那么你就不用担心在浏览器中这样做了。虽然这是一个非常甜美的效果。

来源

2017-07-21 12:15:21 dlaub3

css剪辑路径形状不工作，即我如何创建此与css

回答

相关问题