IE：边框半径与背景不平滑

我在IE环境中有一个样式问题。当我使用border-radius创建一个div圆时，圆形div的边框并不平滑，如chrome或firefox所示。IE：边框半径与背景不平滑

以下是代码，我使用

HTML

<div class="col-sm-4"> 
    <div class="circle-images"></div> 
</div>

CSS

填充顶：60％，使得格方，当你把背景图像。

.circle-images{ 
    width:60%; 
    padding-top:60%; 
    border-radius: 60%; 
    margin-right: auto; 
    margin-left: auto; 
    background: url("some/path/to/jpg") no-repeat center center; 
    background-size:contain; 
}

我也试过这种风格。边界比没有边界时的边界更平滑一些，但边界有很多噪音。

.circle-images{ 
    width: 60%; 
    padding-top:50%; 
    border-radius: 60%; 
    border: 27px solid #EAEAE4; 
    margin-right:auto; 
    margin-left:auto; 
    background: url("some/path/to/jpg") no-repeat center center; 
    background-size:contain; 
}

有没有什么办法让边界在IE中像Chrome一样流畅？

**更新** 由于@LGSon问样本图像，这里是发生了什么

IE noises

来源

2016-12-05 Ryutaro Matsuda

什么是IE的版本？ – epascarello

我使用边缘，但我想支持高达ie8和模拟器边缘ie 8也显示噪音:( –

我检查了IE11-9，你说什么噪音？...你有一个图像显示它？ – LGSon