Erros comuns: O fundo é cortado
Ao visualizar o arquivo de amostra, não há problema quando a resolução é menor que 1280. Mas se o seu monitor tiver resolução superior a 1280 pixels, você verá outras partes além da imagem de fundo.
Solução simples para o problema: defina a cor da borda da imagem para a mesma cor da cor de fundo da página da web. Aqui eu uso o Web Designer Wall como exemplo. Observe a imagem abaixo. Observe que as bordas da imagem são de cores sólidas.
Parte CSS
Esta parte é muito simples, defina a imagem de fundo para o elemento body (posicionado no centro, topo)
A seguir está o código CSS:
| corpo { preenchimento: 0; margem: 0; plano de fundo: #f8f7e5 url (wdw-bg.jpg) parte superior central sem repetição; largura: 100%; exibição: mesa; } |
Observe que há duas linhas extras dentro do seletor de corpo. Isso evita que a imagem de fundo mude quando a janela do navegador for menor que a largura do conteúdo, o que ocorrerá no Firefox.
