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

background-color: white;

Div внутри. Установлен черный цвет фона.

.lip .

Я пробовал применять

border: none; outline: none;

Но безрезультатно. Я не смог найти хорошего ответа в Интернете. Кто-нибудь знает, почему это происходит? Вот файл jsfiddle. https://jsfiddle.net/pcwudrmc/55901/

0
aznafro 23 Сен 2018 в 05:34

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%; 
}
2
geeksamu 23 Сен 2018 в 02:57

Я слышал, что при использовании backface-visibility: hidden; можно получить некоторые странные результаты, поэтому я решил попробовать. Вообще-то, я не знаю почему, но применение его к .lip позволило избавиться от странной границы.

0
aznafro 23 Сен 2018 в 02:53