[Resolvido] problemas com background

[Scientist 2]

bom, estou fazendo o seguinte no meu body

 

body{  

 background-image: url(../image/backmain.jpg);
 background-repeat:no-repeat; 
 text-align: center;
 color: black;
 font-family: Arial, Helvetica, sans-serif;
 font-size:12px;
}

 

a imagem backmain.jpg tem resolução de 1900x1080, porém nem todo mundo tem uma tela com essa resolução, e quando eu entro com uma resolução menor, a imagem fica cortada, como faço para adaptar em qualquer resolução ?

[Diéssica 140]

Isso é meio óbvio...

 

Tem 3 soluções:

1. Determinar uma repetição pro background
   

    background-image: url(../image/backmain.jpg);
    background-repeat:repeat; 
   

   
   

2. Trabalhar com ele em cada resolução
   
3. Trabalhar com o mesmo background, só que maior
   

 

Dá uma olhada nesses links, referentes ao item 2:

:seta: http://www.codigosnaweb.com/forum/Background-fixo-ajustavel-a-qualquer-resolucao_3_6251.html

:seta: http://forum.imasters.com.br/topic/429254-background-na-tela-toda-em-todas-as-resolucoes/

:seta: http://forum.imasters.com.br/topic/385339-background-fixo-independente-da-resolucao-do-navegador/

:seta: http://www.videoaulasbrasil.com.br/tableless/fazendo-o-background-se-ajustar-a-qualquer-resolucao-com-css/

[Scientist 2]

obrigado Diéssica, apenas pensei que tivesse uma forma mais genérica para todas as resolução. Obrigado de qualquer forma.