Eu fiz o desenvolvimento como o vídeo mostra.
footer { text-align: center; background: url("img/bg.jpg"); padding: 40px 0; }
Porém só deu certo quando fiz conforme abaixo:
footer { text-align: center; background: url("../img/bg.jpg"); padding: 40px 0; }
Porque isso acontece? Tentei com os browser opera, chrome e internet explorer. Só funcionou do ultimo jeito.
Olá Vitor,
o que acontece no seu caso é que a imagem não está no mesmo diretório do css.
O comando ../img/bg.jpg indica ao css que deve voltar um diretório e entrar no diretório img em busca da imagem.
Você precisa que a imagem esteja salva como .jpg
Olá! Ao utilizar ("img/bg.jpg"), o arquivo da imagem "bg.jpg" deve estar salvo na pasta do index.html