css – clip-path不适用于chrome

前端之家收集整理的这篇文章主要介绍了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的一个例子.

Box="0 0 245 180" >
    

猜你在找的CSS相关文章