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

Question

IE 11 (11.0.9600.18350) 在使用圆角边框时似乎有一些问题。我做了一个最小的fiddle：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 中的一个错误。