22 de ago. de 2012

Background Fixo na Tela

Bem pessoal, trazendo um pequeno e fácil tutorial para vocês, de como deixar o background fixo na tela, ou seja quando usamos a barra de rolagem ele não muda de lugar. Veja o exemplo:

Demonstração

Existem dois meios de se fazer isso.

1. [Complexa] Procure por Body e insira o seguinte código:
background-image: url(IMAGEM);
background-attachment: fixed;
background-repeat: no-repeat;


2. [Simplificada] Procure por Body e insira o seguinte código:
background: url('IMAGEM') no-repeat fixed;

"Em ambos casos você não poderá de esquecer de inserir o atributo FIXED"