Firefox剪辑路径CSS代码不接受

Question

我正在尝试在我的网站上构建一个圆形的头像。但是，clip-path周期适用于Chrome，Safari和IE9。我不知道为什么它不适用于Firefox。我使用的是Firefox 28.0。

我的Chrome浏览器：

火狐：

我的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看起来一样的方法吗？

Answer 1

对于圆形图像，您可以尝试将以下内容添加到css中：

border-radius: 50%;