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