不显示背景图像

Question

.imagem-cortada {
    width: 100%;
    background-image: url("imagens/Vector 9.png");
}

HTML:

<section class="imagem-cortada conteudo-principal"><!--inicio sobre nos-->
    <div class="container">
        <div class="verde h2 fonte-bold">
            Sobre nós               
        </div>
    </div>
</section><!--fim sobre nos-->

但是图片没有出现。

Answer 1

你所有的 html 和 CSS 看起来都是正确的。下面我展示了它使用不同的图像。这使我相信您通往图像的路径不正确。（你可能应该在它的开头有一个“/”。

.imagem-cortada {
    width: 100%;
    background-image: url("https://i.stack.imgur.com/gJmeJ.png");
}

<section class="imagem-cortada conteudo-principal"><!--inicio sobre nos-->
    <div class="container">
        <div class="verde h2 fonte-bold">
            Sobre nós               
        </div>
    </div>
</section>

不显示背景图像

Background image doesn't appear

html

css

background-image

sections

bootstrap-4