奇怪的边框颜色问题

我正在创建一个用户顶部列表，其中使用 CSS3 边框为排名数字创建白色边框。可以在这里查看：http://www.cphrecmedia.dk/musikdk/stage/channelfans.php http://www.cphrecmedia.dk/musikdk/stage/channelfans.php

然而，边框后面似乎有一个黑色边框，我觉得这非常非常奇怪。看起来它是从背景颜色中溢出的。

这是一个非常小的问题，但我对为什么会发生这种情况非常感兴趣。有谁知道为什么？ CSS 非常非常简单，所以它不应该发生

为了防止这种泄漏到境外，您需要声明background-clip财产与padding-box。这将解决您的问题。

代码变更：

#tf span h6 {
  background: #333333;
  border: 4px solid #F9F9F9;
  border-radius: 99px;
  color: white;
  font: 700 30px/80px arial, sans-serif;
  margin-left: -26px;
  padding: 5px 13px;

  /* The important part to remove the overflow/leak: */
  -webkit-background-clip: padding-box; 
  -moz-background-clip: padding; 
  background-clip: padding-box;
}

希望这可以帮助。