como fazer pra o BACKGROUND cobrir a tela inteira da INDEX ?

  • riccelly
  • Avatar de riccelly Autor do Tópico
  • Offline
  • JCB! Geek
  • JCB! Geek
Mais
8 anos 11 meses atrás #52423 por riccelly
riccelly created the topic: como fazer pra o BACKGROUND cobrir a tela inteira da INDEX ?
pessoal, o que fazer na CSS pra imagem do fundo cobrir todo a página?

eis a css atual:

body {
/* color: #000000; */
font-family: "Lucida Grande", Arial, sans-serif;
line-height: 1.6;
/* Fundo */
margin:0em 0;
padding:0;
background: url(../images/background.jpg);
background-repeat: no-repeat;
background-attachment: scroll;
height: 100%;
position: absolute;
width: 100%;
z-index: -7;
margin: 0;
}

e qual o TAMANHO IDEAL DA IMAGEM??
vejo a maioria dos sites usam imagens com resoluçao acima de 1600px..

SITE: [url:3t98bf1w]http://www.crppassessoriaesportiva.com[/url:3t98bf1w]

Sites Dinâmicos
[url:300s9oc2]http://www.lifeagenciaweb.com[/url:300s9oc2]

[b:300s9oc2]"Aprenda, mas compartilhe!
Vamos crescer juntos!"[/b:300s9oc2]

Please Entrar ou Registrar to join the conversation.


Mais
8 anos 10 meses atrás #53593 por rafael rocha
rafael rocha replied the topic: Re: como fazer pra o BACKGROUND cobrir a tela inteira da INDEX ?
Tá você pode até fazer uma imagem com mais de 1.600px mas ela provavelmente irá ficar pesada o que vai deichar o carregamento do seu site um pouco mais pesado ou seja não resolve seu problema faz o seguinte edita este trecho do css alterando a função no-repeat do seu background , o código deverá ficar assim:
body {
/* color: #000000; */
font-family: "Lucida Grande", Arial, sans-serif;
line-height: 1.6;
/* Fundo */
margin:0em 0;
padding:0;
background: url(../images/background.jpg);
background-repeat: repeat;
background-attachment: scroll;
height: 100%;
position: absolute;
width: 100%;
z-index: -7;
margin: 0;
}

Please Entrar ou Registrar to join the conversation.

Mais
3 semanas 2 dias atrás #102575 por pikachu188
pikachu188 replied the topic: suka
Great information, I would recommend it to my friends for them to check out. Thanks for sharing! If you have more time, please visit: mapquest driving directions

Please Entrar ou Registrar to join the conversation.