2
respostas

Background image

Boa tarde pessoal, Simplismente não consigo carregar o background image no meu projeto! O que há de errado nesse código?

Obrigado!

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

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

2 respostas

Olá, Rodrigo. Tudo bem?

Pelo que consegui observar nas imagens que demonstrou do seu projeto, a dificuldade seria para a propriedade "background-image" localizar o caminho completo em que o arquivo "Background.png" encontra-se. Nestes casos, você poderá indicar o caminho completo semelhante ao processo que é utilizado quando ocorre a navegação entre as pastas (diretórios) de um sistema operacional pelo do terminal. Desta forma, você poderá efetuar o teste ajustando a linha 17 do seu arquivo "style.css" da seguinte forma:

background-image: url("../assets/Background.png");

Assim, a dica está em utilizar um ou dois pontos ao descrever o caminho da imagem, onde:

  • Um ponto indica o diretório corrente
  • Dois pontos indica o diretório imediatamente anterior

No seu caso, descrevendo o caminho conforme sugerido para teste, você está indicando que, ao tentar localizar a imagem, a propriedade deverá:

  • Ir para o diretório imediatamente anterior, que será a raiz do seu projeto
  • Depois acessar a pasta "assets"
  • E por fim, localizar o arquivo "Background.png"

Espero ter ajudado. =)

Resolvido! obrigado .