Estender background

[lucaswxp 22]

Olá a todos ^^

Como faço para estender um background? Tipo, tem um site com um background de 1024x768px ai caso algum usuario de 1680x1050 acessar verá o background deformado, eu gostaria de faze-lo ocupar todo o espaço sem repetilo-lo, tem jeito =D?

[Sature 0]

Eu tambem tenho esse problema, se alguem puder responder ja ajuda 2 :D

[Thiago Retondar 18]

Não da para você definir a largura de um background com CSS 2.1. Você pode trabalhar com img e z-index.

[lucaswxp 22]

Hmm... eu consegui fazer oq qria assim, mas tem um problema, quando eu faço isso:

 

<img src="bg.jpg" style="position:absolute;z-index:0;width:100%;height:100%;" />

A image fica grande ao ponto de ultrapassar os limites de body gerando um scrool, eu coloquei um overflow:hidden em body e resolveu a situação, mas ai quando tiver muito conteudo e o conteudo ultrapassar os limites do tamanho de bg, o conteudo irá 'varar' os limetes do bg, como faço para resolver isso ;D?

<div style="position:absolute;z-index:1;">CONTEUDO</div>
<img src="bg.jpg" style="position:absolute;z-index:0;width:100%;height:100%;" />
</div>

[William Bruno 1501]

Tá ficando complicado assim...

continuar esticando a imagem, não vai ficar legal.... tenta deixar ela fixa na tela. Evitando a rolagem (da imagem).

 

Acredito que com Javascript, dê pra fazer isso melhor.

Tô pensando em algo aqui.

[lucaswxp 22]

Hmmm.... a resolução da imagem é de 1280x860 e a minha é de 1680x1050 e até que não notei diferença ;D

Bom, mas se pensar em algo ai diga-me por favor xD