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%); 
} 

是一种方法，使火狐看起来是一样的？

Answer 1

至于圆形的图像，你可以尝试添加以下到你的CSS：

border-radius: 50%;