Html 父边框等于子背景时出现故障

我遇到了一个奇怪的错误，我找不到任何解决方案，也找不到与我目前遇到的问题相同的人。当我放置一个带有边框和边框半径的父元素时，溢出被隐藏，然后使子元素的颜色与父元素的边框颜色相同，我得到类似1px的内部透明边框。我知道这是一个图形故障，但有没有办法绕过这个问题

  .outside
  +border-radius(50%)
  width: 500px
  height: 500px
  border: 5px solid #696969
  overflow: hidden
  .inside
    width: 600px
    height: 300px
    margin-top: 300px
    background: #696969

<div class="outside">
  <div class="inside"></div>
</div>

---

这只是我怀疑的亚像素问题，我相信这在SOI上已经出现过，我不明白你的意思。我做了一把小提琴并修复了你的CSS在那里工作。如果你粘贴了实际的CSS，而不是像上面那样，那就太好了。这里是只处理上面代码的小提琴。但也许我们需要看看你的“小提琴”来明白你的意思？我现在看到了“透明的边界”。“你必须非常靠近屏幕才能看到它。@Preben你没有小提琴，但我在示例中留下了一个代码笔。在你的小提琴上，你没有边界半径（我的缺点是没有说它是在SASS中，而不是在CSS中）。这就是为什么很难看到它。

.outside {
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  width: 500px;
  height: 500px;
  border: 5px solid #696969;
  overflow: hidden;
  margin: 20px;

.outside .inside {
  width: 600px;
  height: 250px;
  margin-top: 400px;
  background: #696969;
}