Solucionado (ver solução)
Solucionado
(ver solução)
4
respostas

Propriedade "background: url("nome-da-img.jpg")" não funciona

A chamada dessa propriedade no produtos.css não funcionou. Eu testei também o "background-image: url("nome-da-img.jpg")" e também não funcionou.

4 respostas

Boa Noite Carolini, Teste o seguinte código: substitua a sua url apos o "../", inclua esse trecho de código! Vê se funciona!

background-image: url("../img/teste.jpg");
<div class="image-teste">
    <p>teste</p>
</div>
.image-teste {
    background-image: url("../img/barba.jpg");
    width: 100%;
    height: 50px;
}

Fiz assim, e não funcionou.

Carolini,

Você certificou se a imagem está na mesma pasta? Certifique se o arquivo é JPG ou PNG para colocar o nome corretamente.

Um pouco antes do exemplo dessa parte da aula, tem que baixar um arquivo que aparece no alto.

solução!

No meu caso, o que funcionou foi o css a seguir:

.image-teste {
    background: url('../img/banner.jpg');
    width: 100%;
}

Confesso que não sei qual o problema do:

background-image: url('')

Obrigada a todos pela ajuda!!