clip-path:Firefox上的多边形

时间:2015-12-26 23:12:59

标签: css

我使用搜索我的问题,但我找不到任何类似的问题。 我在Firefox上有CSS问题。 “clip-path:”没有显示。 这是我的HTML和CSS代码。

.path {
	display: block;
	margin: auto;
	position: relative;
	-webkit-clip-path: polygon(0px 170px, 100% 0px,100% 650px,0px 900px);
	clip-path: polygon(0px 170px, 100% 0px,100% 650px,0px 900px);
}
<img src="http://www.valueinvestasia.com/wp-content/uploads/2015/03/stock-market-2.jpg" class="path"/>

1 个答案:

答案 0 :(得分:0)

这是一个兼容性问题,正如documentation所述 对于这个css proprety:clip-path: polygon()
确保你使用带有Gecko引擎的mozilla firefox版本 它似乎适用于网络工具包

您的工作的demo链接,与browserstack.com中的不同浏览器相匹配,可为您提供this