O site é exibido em branco no Chrome & Opera, mas é bom no IE10

Question

Este site acabou de mudar de host.

Ele é exibido para mim no IE10, mas no Chrome e no Opera ele é exibido como uma página em branco com uma imagem quebrada.

Se eu limpar meu cache, a mesma coisa acontece.

Se eu visualizar a cópia local de index.html no Chrome, ela será exibida corretamente (com código HTML idêntico à versão on-line).

Por que a versão on-line é exibida incorretamente no Chrome, mas a versão local está sendo exibida corretamente?

    

Answer 1

A página funciona bem para mim no Firefox e no Chrome. Você precisará começar a restringir o problema. Como você limpou o seu cache, você pode tentar extensões. Se estiver se sentindo criativo, você pode fazer o download de uma versão portátil do Chrome a partir do PortableApps e ver se funciona em uma versão limpa do navegador.

O suporte do Google também tem uma página de sugestões para esse problema aqui se você quiser dar uma olhada. As sugestões incluem experimentar a página no modo de navegação anônima.

    

Answer 2

Não sei se isso está diretamente relacionado ao seu problema, mas tenho algumas reclamações sobre como você está definindo o plano de fundo para a página.

Você está definindo uma imagem de plano de fundo para o elemento html e estilizando o elemento body . Pode ser uma boa prática deixar o elemento html intocado e aplicar um plano de fundo ao elemento body e fazer o restante do estilo em outro elemento de contêiner, se necessário. Um possível risco, mesmo que seja um pouco exagerado, é que uma extensão, ou navegador, decida fazer com que o elemento body tenha um plano de fundo branco sólido, encobrindo assim o plano de fundo.

A imagem é bastante pesada, com 616 kB. Se não for carregado por qualquer motivo, ou se for carregado lentamente, o usuário não verá o texto no plano de fundo branco padrão. Eu sugeriria colocar uma cor também no atributo background, como alternativa.

Além disso, você está especificando a imagem de plano de fundo como um URL relativo, ../img/bg.jpg , o que pode ser um problema se você tiver uma estrutura de links com mais de dois níveis de profundidade. Na minha opinião, seria uma boa prática especificar isso como um endereço absoluto em vez de relativo.

Os dois últimos pontos dariam um código recomendado de algo como:

background: #0a0102 url(/img/bg.jpg) no-repeat center center fixed;