Html 在firefox和internet explorer中不工作时剪辑路径多边形css

我想从右下角剪切图像，它已经完成了，但在某些浏览器中不起作用。有没有办法做到这一点

---

注意：

悬停效果是必要的

---

这是代码

.clip>a>img{
-webkit剪辑路径：多边形（0 100%，0 0，100%0，73%100%）；
}
.clip>a>img:悬停{
-webkit剪辑路径：多边形（0 100%，0 0，100%0，100%100%）；
}

---

简而言之：它在那里不起作用，因为您使用的CSS属性不属于他们（Firefox和IE）的渲染引擎

看看这个问题，看看关于它的信息性讨论。 要点是：webkit是一个Opera渲染引擎，它也可以在chrome中工作，因为chrome的渲染引擎（Gecko）基于webkit

从外观上看，要获得最佳支持，您应该添加另一个不带-webkit-的css规则，但是它仍然无法在所有浏览器上获得支持（请参阅文章最后一段中的浏览器支持摘要）：

重申一下：这不会解决IE和Firefox的问题，因为它们还不支持clip path属性。你可以

可能的解决办法 除了在IE和Firefox中不做任何剪辑外，您还可以在IE和Firefox中剪切矩形作为备用，因此您可以使用不推荐的

clip: rect(10px, 20px, 30px, 40px);

---

看看我上面链接的帖子——这是第一件事。正如他在那里写到的——它是有限的（图像必须绝对定位，并且只能用于矩形，但基本上所有浏览器都支持它，所以这是一个很好的退步）。因此，如果你能从中得到一个回退设计，那就值得知道。

简而言之：它在那里不起作用，因为你使用的CSS属性不属于他们（Firefox和IE）的渲染引擎

看看这个问题，看看关于它的信息性讨论。 要点是：webkit是一个Opera渲染引擎，它也可以在chrome中工作，因为chrome的渲染引擎（Gecko）基于webkit

从外观上看，要获得最佳支持，您应该添加另一个不带-webkit-的css规则，但是它仍然无法在所有浏览器上获得支持（请参阅文章最后一段中的浏览器支持摘要）：

重申一下：这不会解决IE和Firefox的问题，因为它们还不支持clip path属性。你可以

可能的解决办法 除了在IE和Firefox中不做任何剪辑外，您还可以在IE和Firefox中剪切矩形作为备用，因此您可以使用不推荐的

clip: rect(10px, 20px, 30px, 40px);

看看我上面链接的帖子——这是第一件事。正如他在那里写到的——它是有限的（图像必须绝对定位，并且只能用于矩形，但基本上所有浏览器都支持它，所以这是一个很好的退步）。因此，如果你能从中得到一个后备设计，这是值得知道的