Firefox剪切路径CSS代码不接受

QLiu

我正在尝试在我的网站中建立一个循环化身。但是,这些clip-path周期适用于Chrome,Safari和IE9。我不知道为什么它不适用于Firefox。我正在使用Firefox 28.0。

我的Chrome浏览器:

铬合金

Firefox: 在此处输入图片说明

我的CSS代码:

.author-avatar img{
  height: 41px;
  left: -18px;
  position: relative;
  -webkit-clip-path: circle(50%, 50%, 30%);
  -moz-clip-path: circle(50%, 50%, 30%);
  clip-path: circle(50%, 50%, 30%);
}

是一种使Firefox看起来相同的方法吗?

拉斐尔

对于圆形图像,您可以尝试将以下内容添加到CSS中:

border-radius: 50%;

本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章