Internet Explorer 11在使用border-radius时显示背景

Question

使用圆形边框时，IE 11（11.0.9600.18350）似乎存在一些问题。我做了一个小小的小提琴：https://jsfiddle.net/7phqrack/2/

HTML：

<div class="backgrounddiv">
  <div class="outer">
    <span id="span1">some content</span>
    <div class="inner">
      <span id="span2">more content in a nested div</span>
    </div>
  </div>
  <div class="outer">
    <span id="span1">some other content</span>
  </div>
</div>

式：

.backgrounddiv{
  background: black;
}
.outer{
  border-radius: 4px 4px 0px 0px;
  background: white;
}
.inner{
  background: white;

}

在某些缩放级别（我的机器上为130％），两个div之间（以及上边框）可以看到背景。其他浏览器不会渲染div之间的黑线。

有人知道如何解决这个问题吗？

Answer 1

尝试使用此功能，看看它是否删除了Internet Explorer中的边框：

.outer{
  border-radius: 4px 4px 0px 0px;
  background: white;
  border:0;
  outline:none;
}

Answer 2

这个问题已被问到：

• Question 1
• Question 2

这似乎是IE11中的一个错误。