css圆形头像叠加样式

通过图片叠加完成

"avatar-list-stacked">
	"avatar" style="background: url('/images/head1.png') center center;background-repeat:no-repeat;background-size: cover; background-position:0px 0px;  ">
	"avatar" style="background: url('/images/head2.png') center center;background-repeat:no-repeat;background-size: cover; background-position:0px 0px;  ">
	"avatar" style="background: url('/images/head3.png') center center;background-repeat:no-repeat;background-size: cover; background-position:0px 0px;  ">

.avatar-list-stacked .avatar {
    box-shadow: 0 0 0 1px #fff;
}
.avatar-list-stacked .avatar {
    margin-right: -1.9em !important;
}
.avatar {
    width: 5rem;
    height: 5rem;
    line-height: 20rem;
    display: inline-block;
    background: #2ddcd3 no-repeat center/cover;
    position: relative;
    text-align: center;
    color: #fff;
    font-weight: 600;
    vertical-align: bottom;
    font-size: .875rem;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
	border-radius: 50%;
}