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