[Resolvido] Background-image 'ajustavel'.

[Diego Fersan 0]

Olá amigos,

 

não sei se estou postando no lugar certo, fiz uma busca pelo oráculo e etc, mas não sabia nem por fim a o que buscar ao certo.

 

O que eu quero fazer é, colocar uma imagem de fundo na minha pagina html, mas tambem desejo que ela se ajuste a resolução do monitor.

 

Tentei fazer uma imagem gigante, e aplicar ao fundo de uma div, da certo, mas a imagem fica GIGANTE, e demora um certo tempo para carregar.

 

alguém tem uma outra solução?????

 

Uma luz, lampião, vela... Aceitamos qualquer coisa. rsrs!

 

 

Abraços,

 

desde já agradecido. http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif

[Aprendiz CSS 3]

Crie diversas imagens

 

uma para cada resolução...

 

via javascript descubra a resolução e altere a propriedade do CSS para setar essa imagem

 

abraço

[Diego Fersan 0]

Paulo,

 

tinha pensado nessa solução, mas não tinha certeza se era a mais correta.

 

Enfim, vou usa-la.

 

Agradeço a ajuda amigão.

 

Abraço

 

 

Moderadores, por gentileza não fechem o tópico para não parecer vago.

Assim que terminar vou postar aqui a solução usada para servir de adianto a quem tenha o mesmo problema que eu.

 

 

Até logo mais.

[William Bruno 1501]

Uma sugestão, tb seria criar uma imagem posicionada por baixo de tudo, como aqui:

http://forum.imasters.com.br/index.php?/topic/365594-resolucao-automatica/page__view__findpost__p__1398030

[Diego Fersan 0]

William,

 

sua solução também é excelente,

mas tem o problema da imagem poder vir a ficar distorcida, ou estou enganado?

 

Abraço.

[Thiago Retondar 18]

Sim, ela pode ficar distorcida. Apenas utilizaria aquela opção, se a imagem fosse bem grande. ;)

 

Caso contrário, use o uma linguagem de programação mesmo para descobrir a resolução e jogar o background. ^_^

 

http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif