前端之家收集整理的这篇文章主要介绍了
css – clip-path不适用于chrome,
前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我在Chrome中遇到了clip-path问题. Firefox没有问题,并且正确显示了这个html页面,但chrome没有显示任何内容.
img {
-webkit-clip-path: url(#clipping);
clip-path: url(#clipping);
}
最佳答案
Webkit
不支持将SVG clipPath应用于html图像.如果您将图像设为SVG图像,即将
标记更改为< image>并把它放在< svg>内元素然后它会工作.
Firefox确实支持将SVG clipPath应用于HTML图像,这就是它在那里工作的原因.
这是Pancho的一个例子.