Избавьтесь от пробелов по краям заголовка сайта над фоновым изображением сгиба - PullRequest
0 голосов
/ 27 апреля 2020

Я не могу избавиться от пробелов по левому, правому и верхнему краям моего фонового изображения, которое я использую для покрытия над сгибом заголовка веб-страницы.

Я запускаю свои тесты в Google Chrome. используя VS Code в качестве моего редактора.

html,
body {
  width: 100%;
  height: 100%;
  margin: 0px;
  padding: 0px;
  overflow-x: hidden;
}


/*Top part image background blue*/

.image-box {
  background-image: url(backgroundtoppart.png);
  background-repeat: no-repeat;
  height: 100%;
  width: 100%;
  position: absolute;
  background-size: 100% 100%;
  z-index: -1;
}
<div class="image-box">Image</div>

1 Ответ

0 голосов
/ 27 апреля 2020

background-position: top left; Может быть стоит попробовать, а не абсолют.

...