边界半径＆amp;填充不在IE11中工作

Question

我用bellow css作为图像。

.single_comitment img {
    background: #eee none repeat scroll 0 0;
    width: 200px;
    height: 200px;
    -webkit-border-radius: 500px;
       -moz-border-radius: 500px;
            border-radius: 500px;
    left: 5%;
    padding: 10px;
    position: relative;
    top: 70px;
}

但是图像边框半径在IE11中完全不起作用。

Answer 1

不使用background-color和padding，为什么不使用border：

＆＃13;

＆＃13;

    .single_comitment img {
        border: 10px solid #eee;
        width: 200px;
        height: 200px;
        -webkit-border-radius: 500px;
        -moz-border-radius: 500px;
        border-radius: 500px;
        left: 5%;
        position: relative;
        top: 70px;
        overflow:hidden
    }

＆＃13;

<div class="single_comitment">
    <img src="http://lorempixel.com/800/800/city/1/">
</div>

＆＃13;

＆＃13;

＆＃13;