我正在创建一个用户的顶级列表，其中使用CSS3边框为排名编号创建白边框。可在此处查看：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;
}
希望这可以帮助。
本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
我来说两句