背景颜色显示为细边框

Question

我遇到一个问题，即黑色背景颜色在我的HTML / CSS中显示为细边框。内容基本上是一个div行，其中包含

background-color: white;

内的

divs。黑色背景色设置为

.lip。

我尝试申请

border: none; outline: none;

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

Answer 1

删除该代码

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%; 
}

Answer 2

我听说使用backface-visibility: hidden;可以得到一些奇怪的结果，所以我想尝试一下。瞧，我不知道为什么，但是将其应用于.lip摆脱了奇怪的边界。