DieGo_PaPiTo Postado Novembro 7, 2007 Denunciar Share Postado Novembro 7, 2007 Gostaria de saber se tem como redimensionar a imagem colocada como background, de acordo com o navegador.por exemplo, coloquei uma imagem de fundo da página, mas ou ela corta os detalhes ou eu diminuo a imagem mas ai ela aparece mais de uma vez na tela.Tem como usar um código pra redimensionar do tamanho certo do navegador? Citar Link para o comentário Compartilhar em outros sites More sharing options...
0 janbiel Postado Novembro 13, 2007 Denunciar Share Postado Novembro 13, 2007 Gostaria de saber se tem como redimensionar a imagem colocada como background, de acordo com o navegador.por exemplo, coloquei uma imagem de fundo da página, mas ou ela corta os detalhes ou eu diminuo a imagem mas ai ela aparece mais de uma vez na tela.Tem como usar um código pra redimensionar do tamanho certo do navegador?bom cara.. não sei se tem como redimensionar.. pra falar a verdade, tb to precisando saber isso... mas.. da pra voce deixar a imagem menor, sem aparecer outra... basta usar o "background-repeat: no-repeat;"espero ter ajudado Citar Link para o comentário Compartilhar em outros sites More sharing options...
0 Geleiaskt Postado Novembro 13, 2007 Denunciar Share Postado Novembro 13, 2007 Posta um pintscreen do site que você está desenvolvendo que fica melhor para imaginar como você quer redimensionar.Abraço! Citar Link para o comentário Compartilhar em outros sites More sharing options...
0 flavio Postado Novembro 13, 2007 Denunciar Share Postado Novembro 13, 2007 Dá pra fazer usando java script:<script language="JavaScript" type="text/javascript"> switch (screen.width) { case 800: document.body.style.backgroundImage = "url(imagens/anjo.jpg)"; break; case 1024: document.body.style.backgroundImage = "url(imagens/anjo2.jpg)"; break; } </script> Citar Link para o comentário Compartilhar em outros sites More sharing options...
0 Guest carlosband Postado Junho 26, 2008 Denunciar Share Postado Junho 26, 2008 usando CSS fica fácil, só tome cuidado pra imagem não ser muito grande e ficar pesada, melhor usar um .jpg pequeno e redimensioná-lo pra maior do que o contrario.eis um exemplo:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /><title>teste background</title><style>html{ height: 100%;}body{ background-color: transparent; margin: 0px; padding: 0px; height: 100%; z-index:0; position:relative;}img#bg{ height: 100%; width: 100%; z-index: -1; position:absolute; }</style></head> Citar Link para o comentário Compartilhar em outros sites More sharing options...
Pergunta
DieGo_PaPiTo
Gostaria de saber se tem como redimensionar a imagem colocada como background, de acordo com o navegador.
por exemplo, coloquei uma imagem de fundo da página, mas ou ela corta os detalhes ou eu diminuo a imagem mas ai ela aparece mais de uma vez na tela.
Tem como usar um código pra redimensionar do tamanho certo do navegador?
Link para o comentário
Compartilhar em outros sites
4 respostass a esta questão
Posts Recomendados
Participe da discussão
Você pode postar agora e se registrar depois. Se você já tem uma conta, acesse agora para postar com sua conta.