Internet Explorer 11 使用边框半径时显示背景

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 中的一个错误。