Как спозиционировать фон в bootstrap4?

Question

[Ильфар Хузин]

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

Для наглядности покрасил в красный background-color. Нужно убрать эту красную полоску.

Скриншот

CSS

#second {
  overflow: hidden;
  height: 625px;
  background: url('../img/header.png');
  background-position: top, center, bottom;
  /*background-color: #a5bcc4;*/
  background-color: #ff0000;
}

Answer 1

[SexyMonkey]

Причём здесь бутстрап? У тебя фон банально не растянут на всю высоту секции и спозиционирован по центру в исходном размере.

#second { 
  background: url('../img/header.png');
  background-size: cover;
}

Comments

[Ильфар Хузин]

При уменьшении высоты, независимо от значения, эта полоска всё равно остается. А если применить стили описанные вами, то фон и вовсе исчезает, потому что блок пустой и не задана высота.

[Ильфар Хузин]

Артём Артёмов, cover не помог. Мне нужно избавиться от этой полоски. Значения, которые я прописал могут быть неправильными, потому прошу рассматривать проблему в корне. Не опираясь на мой код.

[Ильфар Хузин]

Артём Артёмов, пхах, точно! У рисунка была прозрачная полоска сверху :D