Блог

Главная - Вопросы по программированию - Фон-изображение без полосы прокрутки

Фон-изображение без полосы прокрутки

#html #css #background #height #background-image

Вопрос:

итак, у меня есть фоновое изображение внутри моего заголовка, но когда я увеличиваю высоту заголовка на 100%, появляется полоса прокрутки, и я не хочу, чтобы она там была

 <header>
    <div class="header-text">Velkommen til Rakhman Trafikkskole</div>
</header>



html,body {
  font-family: "Roboto", sans-serif;
  margin: 0;
  height: 100%;
} 

header {
  background-image: url("../bilder/Rakhman Trafikkskole header image.jpeg");
  height: 100%;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  opacity: 0.85;
  display: flex;
  justify-content: center;
  align-items: center;
  color: white;
  font-size: 3em;
  font-weight: 400;
  letter-spacing: -2px;
}

Я впервые задаю вопрос о stackoverflow, поэтому прошу прощения, если я сделал что-то не так.

Ответ №1:

Попробуйте добавить overflow: hidden; в CSS заголовок.

Обратитесь к W3schools здесь: https://www.w3schools.com/cssref/pr_pos_overflow.asp

Ответ №2:

Попробуйте добавить overflow: hidden; в свой css.

Метки: