【问题标题】:Background-image without scrollbar没有滚动条的背景图像
【发布时间】:2021-03-19 06:38:22
【问题描述】:

所以我的标题中有一个背景图像,但是当我将标题的高度设置为 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上提问,如果我做错了什么,我很抱歉。

【问题讨论】:

    标签: html css background height background-image


    【解决方案1】:

    尝试在标题的CSS中添加overflow: hidden;

    在此处参考 W3schools:https://www.w3schools.com/cssref/pr_pos_overflow.asp

    【讨论】:

      【解决方案2】:

      尝试在你的css中添加overflow: hidden;

      【讨论】:

        猜你喜欢
        • 1970-01-01
        • 1970-01-01
        • 1970-01-01
        • 2012-06-22
        • 1970-01-01
        • 2013-08-14
        • 2011-08-30
        • 1970-01-01
        • 2013-07-15
        相关资源
        最近更新 更多