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