Boa tarde pessoal, Simplismente não consigo carregar o background image no meu projeto! O que há de errado nesse código?
Obrigado!
Você está vendo a versão anterior da nova experiência da Alura que estamos preparando para você. Em breve, ela ganha uma identidade visual novinha totalmente pensada em potencializar seus estudos!
Boa tarde pessoal, Simplismente não consigo carregar o background image no meu projeto! O que há de errado nesse código?
Obrigado!
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:
No seu caso, descrevendo o caminho conforme sugerido para teste, você está indicando que, ao tentar localizar a imagem, a propriedade deverá:
Espero ter ajudado. =)
Resolvido! obrigado .