Publicado em 27 de jun.

Imagem como Bg

Bom dia pessoal,

Eu estou tentando colocar uma imagem como bg em um site, mas eu gostaria que esta imagem ocupasse toda a tela independente das dimensoes da tela do usuario.

Fiz o teste, mas a depender do tamanho da tela que visualizo, sempre corta partes da imagem. Como faço para esta imagem se adaptar às dimensões de cada tela?

Segue o link do teste que esou fazendo:

http://www.spaziol.com.br/testebgcabelo.html
Coloquei em body:

body { background-image: url(cabelo.jpg); background-repeat: no-repeat;background-attachment: fixed; background-position: center top; }

Desde já, agradeço a ajuda de vocês.

Discussão (2)

Entre ou cadastre-se para participar da discussão

Entrar Criar conta

bruno_mosciatti· 27 de jun.

Crie uma div com essas característics CSS

.div-bg {
 background: none repeat scroll 0 0 #000000;
 height: 200%;
 position: fixed;
 width: 200%;
}
dentro da div, coloque o <img>

CarlosRN· 27 de jun.

Oi Bruno,

Obrigado pelo resposta,

Fiz o teste como sugeriu, mas eu não queria com scroll e sim que a imagem se adaptasse a cada tipo de tamanho de tela.

Tem como me ajudar?

Obrigado

Depois de muito pesquisar, achei uma solução que funcionou.

Vou colocar aqui para ajudar quem tiver a mesma duvida. Quem tiver outras sugestões e quiser ajudar, favor postar também.

body {

 background: url([http://flickholdr.com/](http://flickholdr.com/)1600/1200/sunset) no-repeat center top fixed;

 -webkit-background-size: cover;
 -moz-background-size: cover;
 -o-background-size: cover;
 background-size: cover;
}