Background image doesn't appear

Question

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

The 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-->

but the image does not appear.

Change the name of the file don't but spaces in it – Omar Sheashaa Aug 04 '20 at 22:33 — Omar Sheashaa, Aug 04 '20 at 22:33

score 1 · Accepted Answer · answered Aug 04 '20 at 22:48

All of your html and CSS appears correct. below I showed it working with a different image. This leads me to believe that your route to your image is incorrect. (you should probably have a "/" at the beginning of it.

.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

1 Answers1