Usamos cookies para medir audiência e melhorar sua experiência. Você pode aceitar ou recusar a qualquer momento. Veja sobre o iMasters.
navegando por esse site: http://www.aldeiadasflores.tur.br/index.html#Scene_1
vi que eles colocam a imagem como plano de fundo, o site é todo em flash, essa opção só da pra ser usada no flash?
como fazer em css pra que a imagem ocupe a tela toda?
seria mais ou menos isso:
background-image: url("/images/css.gif");
background-repeat: no-repeat;E tome cuidado para não ficar distorcido :)
Se quiser modificar o tamanho da imagem do background não vai dar em todos os browsers. Pode usar um img mesmo com z-index.
Há também o background-size que não funciona em bastante browser mas é interessante. ;)
http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif
então vamos supor q eu tenho uma imagem com a resolução de largura de 1950px (que presumo eu seja uma das ultimas resoluções mais usadas por usuarios comuns).
nos monitores onde o usuario tem a resolução de 1024 o restante da foto não aparecerá? ela só aparecerá por completo qdo o usuário tiver com a resolução total da foto, no caso 1950?
ou
há a possibilidade de usar uma imagem de tamanho qualquer e o css se encarregar de "inflar" ela por toda tela? obviamente devo me preocupar com a resolução pra não granular... (mas não é isso que estamos comentando aqui)
Coloque a imagem como background, mais não declare a width dela, somente sua height. Assim ela será expansível.
>
Coloque a imagem como background, mais não declare a width dela, somente sua height. Assim ela será expansível.
E "deformavel" :|
Sim é isso, agora é só usar uma imagem grande que ocupe toda tela (pense em todas as resoluções) para caso o visitante use uma resolução alta não fique espaços em branco no fundo.