首页 > 解决方案 > HTML 和 CSS 中的响应式标题背景图像

问题描述

您好,我正在尝试为我兄弟的公司建立一个网站,但在 HTML 和 CSS 中设置带有响应式背景图像的标题时遇到了很多问题,如果有人知道出了什么问题会很有帮助,这是到目前为止我尝试过的

.backimage {
   height: 100vh;
   min-height: 500px;
   background-image: url('Images/fuente.jpg');
   background-size: cover;
   background-position: center;
   background-repeat: no-repeat;
   }
<header class="backimage">
  <div class="container h-100">
    <div class="row h-100 align-items-center">
      <div class="col-12 text-center">
        <h1 class="font-weight-light">text1</h1>
        <p class="lead">text2</p>
      </div>
    </div>
  </div>
</header>    

标签: htmlcssimageresponsive

解决方案


推荐阅读