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

Dúvida no background url

Quando fui colocar a imagem de fundo não consegui da mesma forma que o professor colocando somente

 background: url("bg.jpg");

(Nesse momento a imagem estava no mesmo diretorio do html). Ai ela não pegou e deu um erro no console bg.jpg:1 Failed to load resource: net::ERR_FILE_NOT_FOUND

Então coloquei ela numa pasta separada chamada imagens

 background: url("imagens/bg.jpg");

E deu o mesmo erro acima. Então dei uma olhada no forúm e em uma discussão descobri duas formas de fazer a imagem aparecer. Colocando na pasta do css e usando o código sem chamar a pasta

 background: url("bg.jpg");

E colocando na pasta imagens, mas adicionando dois pontos e uma barra.

background: url("../imagens/bg.jpg");

Só que não entendi o "porque" de só funcionar assim. Se alguem conseguir me explicar agradeço.

2 respostas
solução!

O caminho do nome do arquivo é relativo ao do arquivo css. No seu caso, bg.jpg funciona quando a imagem também está no diretório desse arquivo css, mas seria estranho arquivos de imagem misturados com arquivos de estilo.

O usual é colocá-lo em um diretório de imagens, e como esse diretório está no mesmo nível do diretório de estilos, para referenciá-lo “saiu” da pasta de estilo para acessar a de imagens (../imagens/bg.jpg).

E se a imagem estivesse no diretório do html o caminho seria ../bg.jpg”.

Obrigado Francisco, consegui entender.