Entrar Ainda não tem acesso?
Solucionado (ver solução)
Solucionado
(ver solução)
3
respostas

[Dúvida] Minha imagem de background aparece no Edge, mas não aparece no Chrome

Referente ao curso HTML e CSS: praticando HTML/CSS, no capítulo Iniciando o projeto e atividade Lista de exercícios

por Victoria Vicente Rocha
| 37.9k xp | 9 posts

A imagem de fundo não aparece no Chrome

Meu código no CSS está assim:

.principal { background-image: url("/assets/Background.png"); background-repeat: no-repeat; background-size: contain; align-items: center; text-align: center; }

se eu tiro a primeira barra não aparece nem no Edge nem no Chrome

Por favor, poderia me ajudar?

3 respostas
por Lorena Garcia
| 8009.4k xp | 11638 posts
Alura Scuba Team Suporte Educacional

Oi Victoria, tudo bem?

Por favor, compartilhe seu código completo no GitHub, assim vai ser melhor para te ajudar com mais assertividade.

Um abraço e bons estudos.

por Victoria Vicente Rocha
| 37.9k xp | 9 posts

Oi Lorena, tudo sim e você?

Segue o código: https://github.com/vicotirah/alura-plus

Obrigada :)

solução!
por Lorena Garcia
| 8009.4k xp | 11638 posts
Alura Scuba Team Suporte Educacional

Oii Victoria, tudo bem por aqui também!

Obrigada por compartilha seu código aqui!

Fiz testes e esse bug não aconteceu em nenhum dos browsers.

O que pode tá acontecendo?

  • Às vezes, o navegador pode estar usando uma versão em cache do seu site. Tente limpar o cache do navegador ou abrir a página em uma janela anônima para ver se isso resolve o problema.
  • Simplesmente é bug do navegador mesmo.

Mas não me preocuparia com isso, porque vi que você fez o deploy na Vercel e lá está funcionando certinho. O que quer dizer que não tem problema no seu código e sim um bug no Browser apenas, na hora de renderizar em certo navegador.

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

Um abraço e bons estudos.