1
resposta

Imagem não carrega no github

Estou com um problema na hora de subir esse projeto AluraPlus p o Github!!Esse é o link do projeto AluraPlus: https://github.com/MichelFraga17/aluraplus É assim que o porjeto abre depois que é subido no Git... https://michelfraga17.github.io/aluraplus/

Alguém sabe porquê a imagem não carrega no Github?

1 resposta

Oi, Michel. Tudo bem?

O problema acontece por conta do caminho usado para referenciar a imagem no CSS. O GitHub costuma ser um pouco mais exigente com relação ao caminho de importação, então é sempre bom usar o caminho relativo com base no arquivo que está fazendo a importação. Então por exemplo, no seu CSS, você está importando a imagem da seguinte forma:

background-image: url('/images/Background.png');

Nesse caso, o ideal é que você faça o caminho tendo como base o arquivo style.css, então ficaria da seguinte forma:

background-image: url('../images/Background.png');

Assim você indica que quer acessar a pasta images que está um nível acima do arquivo style.css.

Espero ter ajudado!

Siga firme nos seus estudos e conte com o fórum sempre que precisar!

Abraços :)

Caso este post tenha lhe ajudado, por favor, marcar como solucionado