Às vezes, a intenção do designer exige que a imagem de fundo permaneça estacionária enquanto o visitante rola pelo conteúdo da página. Isso pode ser feito alterando a configuração padrão do comportamento do plano de fundo usando as instruções CSS (Cascading Style Sheets).
Instruções
Passo 1
Adicione uma descrição de estilo para o bloco de corpo ao seu documento da web que contém uma propriedade de anexo de plano de fundo definida como fixa, e o plano de fundo da página permanecerá estacionário enquanto o documento rola. Este método de fixação do plano de fundo funcionará em todos os navegadores que suportam qualquer um dos padrões CSS atuais a partir da versão 1.0. Além do valor fixo, os padrões fornecem mais duas opções para essa propriedade - rolar e herdar. Se nenhum valor for especificado para anexo de plano de fundo nas descrições de estilo do documento, será considerado definido para rolar por padrão. Nesse caso, o plano de fundo se moverá junto com a rolagem do conteúdo da página. O valor de herança indica que o mesmo valor deve ser usado para a propriedade de anexo de plano de fundo desse elemento e para seu elemento pai.
Passo 2
Adicione um atributo de estilo à tag da página desejada e adicione uma descrição de estilo para corrigir o plano de fundo. Por exemplo, pode ter a seguinte aparência: Você também pode especificar o endereço da imagem de fundo aqui: Substitua o endereço e o nome da imagem (img / pic.gif) por seus próprios valores. Este método é conveniente porque requer o mínimo de alterações no código da página, mas mais frequentemente a descrição dos estilos é colocada em um bloco separado no cabeçalho do documento ou mesmo em um arquivo separado.
etapa 3
Se você quiser usar um bloco CSS separado com instruções para corrigir o plano de fundo da página, coloque antes da tag de origem, por exemplo, as seguintes linhas:
BODY {background: url (img / pic.gif) fixed;}
Não se esqueça de incluir o nome e o endereço corretos da imagem de fundo em vez de img / pic.gif.
