Цвет фона, видимый через тонкую границу

Question

У меня проблема с тем, что черный цвет фона просвечивает в моей HTML / CSS тонкой рамкой.Содержимое в основном представляет собой строку div с несколькими

background-color: white;

div внутри.Черный цвет фона установлен на

.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 избавило от странной границы.