[Resolvido] Background de div que ocupe toda a tela

[Wagner Martins - SC 0]

Bom dia,

 

Tenho esse código em css3 para fazer um full background de uma div, na largura funciona certinho, quanto a altura a div fica sobrando um pouco em baixo, eu quero que ele fique exatamente do tamanho da tela do usuário qto largura qto altura. Como poderia fazer isso?

 

 

background: url(images/1.jpg) no-repeat center center;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;	
height:1050px;
min-height: 100%;

[Dian Carlos 29]

<div id="background"></div>

 

#background {
position: fixed;
width: 100%;
height: 100%;
background: url(imagens/fundotransparente.png); //para internet explorer
background: rgba(0, 0, 0, 0.5); //rgba para css 3, 
}

 

assim a div ocupa a tela toda, independente da resolução.

não sei se é o certo, mas funciona, eu ponho 2 vezes o background.

[Wagner Martins - SC 0]

cara eu tenho várias div uma embaixo da outra, e qdo clico em ul link utilizo uma âncora para ir para o link, e cada background das divs teria que ocupar toda a tela. Portanto o position:fixed tereia que ser retirado do código. Ateh testtei mais naum deu muito certo o background ficou pela metade, hehehe.

[Willian Makoto 6]

oopa, tente:

 

background: url(images/1.jpg) no-repeat center center;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: 100%; 
height:100%;
min-height: 100%;
width:100%;

 

[]'s

[Wagner Martins - SC 0]

Fiz assim e deu certo...

 

 

background: url(images/1.jpg) no-repeat center center;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;	
min-height: 100%;
height:auto;