时间戳

首页 > 解决方案 > 背景图像在断点处消失（引导程序）

html - 背景图像在断点处消失（引导程序）

问题描述

所以，你好，世界我正在开始一个新的网页设计职业，所以我遇到了第一个菜鸟问题，我试图在我的网页设计中并排放置图像和文本，但是当断点低于 560px 时，图像消失了，我没有不知道为什么，我希望有人可以帮助我这是 de CSS：

.proposito-img {
  background-image: url(../img/competencia.png);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  overflow: visible;
}
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.0-beta2/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-BmbxuPwQa2lc/FVzBcNJ7UAyJxM6wuqIj61tLrc4wSX0szH/Ev+nYRRuWlolflfl" crossorigin="anonymous">

<div id="#proposito-1" class="container-md mt-5">
    <div class="row">
        <div class="col-md-6 proposito-img">

        </div>
        <div class="col-md-6 fondo-morado texto-blanco g-0 p-5">
            <h3 class="fw-bold texto-blanco">
                Proposito
            </h3>
            <p class="justificado">
                El estudiante fundamentará la importancia de la epistemología, (rama de la filosofía que
                investiga sobre el conocimiento científico y expresa en teorías el resultado de esas
                investigaciones). Con la finalidad de investigar los fundamentos de la educación como
                construcción social de la realidad y sobre la condición educable del hombre.
            </p>
        </div>
    </div>
</div>

标签： htmlcssimagebootstrap-5

解决方案

.col-md-6是屏幕宽度大于等于md断点时占用半屏的断点。少一点，它就消失了！

推荐阅读