1
resposta

Estou com dificuldade, minha imagem de fundo não aparece nem com reza braba

Insira aqui a descrição dessa imagem para ajudar na acessibilidade Insira aqui a descrição dessa imagem para ajudar na acessibilidade Insira aqui a descrição dessa imagem para ajudar na acessibilidade

1 resposta

E aí, Lucas! Tudo bem?

Agradeço por compartilhar sua dúvida no fórum.

Analisando as imagens anexadas por você, consigo ver alguns problemas na estrutura do código.

Primeiro, é importante colocar o caminho da imagem entre aspas no url() para evitar falhas de interpretação:

background-image: url("../Assets/Rodape-img.png");

Segundo, o no-repeat não faz parte da propriedade background-image. Ele deve ser declarado separadamente com background-repeat, ou utilizando a forma abreviada.

Forma separada:

.bottom-hero .hero-img {
    background-image: url("../Assets/Rodape-img.png");
    background-repeat: no-repeat;
}

Ou usando shorthand:

background: url("../Assets/Rodape-img.png") no-repeat;

Além disso, verifique se:

  • O nome da pasta está exatamente igual (maiúsculas e minúsculas importam).
  • O caminho ../Assets/ está correto em relação ao arquivo CSS.
  • O elemento .hero-img possui altura definida, pois sem altura a imagem pode não aparecer.

Espero que eu tenha conseguido te ajudar.

Conte com o apoio da comunidade Alura na sua jornada. Abraços e bons estudos! ✨