边界半径和灰度过滤器不能一起工作

Question

我遇到了border-radius和灰度过滤器的问题。当我一起使用它们时，灰度滤镜重叠border-radius。

.sectionBlock#personal .photo{ perspective: 1px; border-radius: 100%; overflow: hidden; height: 300px; -webkit-filter: grayscale(100%); /* Chrome, Safari, Opera */filter: grayscale(100%);  }
.sectionBlock#personal .photo:hover{ -webkit-filter: grayscale(0%); /* Chrome, Safari, Opera */filter: grayscale(0%);}

提前谢谢。