como redimensionar imagens automaticamente em html?
Olá pessoal,
eu queria saber como faço para colocar uma imagem de fundo
numa página e deixá-la do tamanho da tela, para que ela não fique se repetindo?
eu queria saber como faço para colocar uma imagem de fundo
numa página e deixá-la do tamanho da tela, para que ela não fique se repetindo?
Rafaelbg
Curtidas 0
Respostas
Thiago Palmeira
21/07/2012
Tenta inserir com o tamanho em porcentagem (100%)
GOSTEI 0
Luiz Junior
21/07/2012
Tenta inserir com o tamanho em porcentagem (100%)
Estou desenvolvendo um site, porém sou novo no assunto. Quando estava desenvolvendo o site sempre fiquei verificando pelo Mozilla e depois de pronto boa parte dele abri no Iexplorer e notei que ficou uma coisa tudo torta. Minha pergunta é, como faço para ter um desenvolvimento em que qualquer navegador entenda, ou tenho que desenvolver para cada navegador? Poderiam me ajudar?
Obrigado!
GOSTEI 0
Joel Rodrigues
21/07/2012
Como você quer inserir uma imagem de plano de fundo, provavelmente precisará usar a propriedade background. Já para definir as dimensões de forma que o plano de fundo ocupe toda a página, existe a propriedade background-size das CSS3 que pode ser definida como 100%.
Por exemplo:
Apesar de no site do W3C constar a informação de que esta propriedade é suportada por todos os principais browsers, é bom conferir antes.
Boa sorte.
Por exemplo:
body
{
background:url(img.jpg);
background-size:100%;
}
Apesar de no site do W3C constar a informação de que esta propriedade é suportada por todos os principais browsers, é bom conferir antes.
Boa sorte.
GOSTEI 0
Rafaelbg
21/07/2012
Obrigado Varallo e Joel Rodrigues, eu dei uma olhada na net
e já estou fazendo umas páginas aqui.
Valeu
e já estou fazendo umas páginas aqui.
Valeu
GOSTEI 0
Ricardo Arrigoni
21/07/2012
Além do background: 100%; use o background-repeat, fica assim:
div{
background-repeat: no-repeat;
}GOSTEI 0
Thiago Palmeira
21/07/2012
O segredo é a % (porcentagem) que faz o dimensionamento da tela!
GOSTEI 0