O plano de fundo de uma página da web pode ser vinculado ao seu conteúdo ou se comportar de forma independente dele. No primeiro caso, ao rolar o conteúdo da janela do navegador, a imagem de fundo também rola, enquanto no segundo pode permanecer parada. Para implementar um plano de fundo de página fixa, você deve usar a linguagem de descrição de estilo CSS - apenas ela pode garantir o mesmo comportamento de plano de fundo em diferentes tipos de navegadores.
Instruções
Passo 1
Use a propriedade background-attachment em CSS para especificar se o plano de fundo da página deve ser fixo ou móvel. No total, essa propriedade pode ter três valores - se você não especificar nenhum deles, então, por padrão, o anexo de plano de fundo é considerado como rolagem. Com esse valor, a imagem de plano de fundo rola junto com o conteúdo da página. O valor de herança copia o comportamento do plano de fundo do elemento pai, e o valor fixo torna a imagem de plano de fundo independente do conteúdo - ele permanece estacionário quando a página é rolada. Você deve usá-lo.
Passo 2
Prepare suas instruções de CSS para uso nas páginas em que deseja corrigir o fundo. Se você não colocar o código CSS em um arquivo de descrição de estilo externo, essas instruções devem ser colocadas entre as tags de estilo de abertura e fechamento:
// haverá descrições de estilos
A descrição do comportamento do plano de fundo da página deve ser vinculada ao elemento BODY - na terminologia CSS, será chamado de "seletor" e será escrito assim: BODY {
// as descrições do corpo da página estarão aqui
} As propriedades relacionadas a este seletor devem ser colocadas entre chaves, separadas por ponto e vírgula: BODY {
anexo de fundo: fixo;
imagem de fundo: url (images / BG.gif);
} A primeira linha captura a imagem de fundo, e a segunda indica o endereço do arquivo que contém a imagem de fundo, em relação ao endereço da página. Essas duas linhas podem ser escritas em uma instrução CSS complexa como esta: background: url (images / BG.gif) fixed;
etapa 3
Cole todo o código para corrigir o plano de fundo no texto da página. Em sua forma final, pode ter a seguinte aparência:
BODY {background: url (images / BG.gif) fixed;}
Obviamente, você precisa substituir o local e o nome do arquivo de imagem de fundo. É melhor colocar o código antes da tag, embora isso não seja um pré-requisito.
