显示为细边框的背景色

Question

我有一个问题，在我的 HTML/CSS 中，黑色背景颜色显示为细边框。内容基本上是 div 行和一些

background-color: white;

divs里面。黑色背景颜色设置为

.lip。

我试过申请

border: none; outline: none;

但无济于事。我无法在网上找到好的答案。有人知道为什么会这样吗？这是jsfiddle。 https://jsfiddle.net/pcwudrmc/55901/

Answer 1

我听说使用 backface-visibility: hidden; 会得到一些奇怪的结果，所以我想试试看。 Lo and beyond，我不知道为什么，但将它应用于 .lip 摆脱了奇怪的边界。

Answer 2

删除该代码

position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);

来自

.container {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  height: 100%; 
}

Background Color Showing Through As a Thin Border