Question

我正在尝试使用我的bootstrap 4 jumbotron响应中的背景图像，但是当我添加无重复标记时，图像从网站上消失。任何有关使图像响应并使图像显示而不重复移动的建议将非常感谢！非常感谢你！

凯蒂

的CSS：

#sixthHomejt{
        background-image: url(homejt.png) no-repeat;
        background-size:100%;
        color:darkgrey;
        height:550px;
         }

HTML：

<div class="jumbotron jumbotron-fluid" id="sixthHomejt">
<div class="container">
<h1 class="display-3" style="text-align:center; padding-top:1%;">Columbia 
 Middle School</h1>
<p class="lead" style="text-align:center;font-size:200%; ">Sixth Grade</p>
    </div>

Answer 1

尝试使用不同的配置值分配并使用图片网址名称

周围的引号

  #sixthHomejt{
    background-image: url('./homejt.png'); 
    background-repeat: no-repeat;
    background-size:100%;
    color:darkgrey;
    height:550px;
     }

Bootstrap Jumbotron上没有重复标记会导致图像消失

1 个答案: