Internet Explorer正在添加一个圆角空间

Question

我有一个带圆角的div（border-top-right-radius），在IE11中添加一条白线，左边是1px左右。

如果我离开＆＃34; border-top-right-radius＆＃34;线路消失了。 如果我使用缩放它消失，我认为这是一个近似误差。

任何的想法？ 谢谢

代码：

<li>
<a>Environment</a>
</li>

用IE11看看这个...... http://jsfiddle.net/hkg4Z/

Answer 1

这是一种解决方法

http://jsfiddle.net/hkg4Z/2/

li{
    float: left;
    background:blue;
    height:34px;
    color:#fff;
    list-style:none;
    border-top-right-radius:8px;
    border: 1px solid blue;
}

我添加了边框

http://jsfiddle.net/hkg4Z/3/

父级的边界半径

ul {
    margin: 0;
    padding: 0;
    border-top-right-radius:8px;
    float: left;
    overflow: hidden;
}

Answer 2

看起来这是I.E.中的已知错误。 11 :(

http://social.msdn.microsoft.com/Forums/ie/en-US/a7808c7d-0178-4b10-b8b1-fbb06dd6ee28/ie-11-div-with-borderradius-bug?forum=iewebdevelopment

Answer 3

如果您有纯色背景，则可以通过添加具有相同颜色的插入框阴影来移除空间。

box-shadow: inset 0 0 0 1px blue;