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

Question

IE 11 (11.0.9600.18350) 在使用圆 Angular 边框时似乎有一些问题。我做了一个最小的 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;
}