border - 为圆形图像添加边框

Question

我已经在我的网站上添加了一个普通的方形图片，并用 border-radius 将其变成了一个圆圈，然后尝试在其周围添加一个圆形边框，但它似乎只适用于 Chrome。关于如何解决这个问题有什么建议吗？

.face {
display: block;
margin: auto;
border-radius: 100%;
border: 5px solid #ff675b;}

问题截图如下: https://www.dropbox.com/s/4xy26phkjgz9te0/Screen%20Shot%202013-05-01%20at%2001.15.02.png

Answer 1

查看这个 JsFiddle

http://jsfiddle.net/z3rLa/1/

.avatar {
    width:128px;
    margin: 10px;
    border:10px solid red;
    border-radius: 500px;
    -webkit-border-radius: 500px;
    -moz-border-radius: 500px;
}