- 2 backgrounds

[ed_ 0]

bom eu sou novo no forum e tb novo nessa area de programação de web...

 

estou querendo fazer um site aqui e fazer com que ele fique com 2 imagens de backgrounds, no caso uma seria fixa na parte debaixo da imagem, e a outra ficaria em cima e eu gostaria q ela se repetisse para preencher o background... lembrando que sou complemente novo nessa área, gostaria de uma ajuda

[Rafelles 0]

Você pode utilizar a imagem da parte de baixo no body e a imagem que de fundo que repetirá pode utilizar como fundo de uma div com largura 100%.

[William Bruno 1501]

é impossível aplicar 2 backgrounds em um mesmo elemento.

Reveja o efeito que você pretende.. coloque uma foto para que agente possa sugerir algo com mais precisão.

[Thomazelli 0]

Realmente nao e possivel (ate agora) trabalhar com 2 backgrounds no body.

 

Conforme citado anteriormente, a solucao seria voce trabalhar com uma das imagens no BODY e uma outra em uma div 100% e se necessario trabalhando com o posicionamento do body.

 

Vamos dar um exemplo, no caso de sua imagem do BODY, que comeca no TOPO da pagina tenha 200px de altura, e sua background da outra div tenha de comecar depois disso. O codigo ficaria mais ou menos assim:

 

Código CSS

body{background:url(...) no-repeat;}

#global{width:100%; background:url(...) 0 200px;}

Com isso, o background da div GLOBAL comecaria 200px abaixo do topo da pagina e se repetiria tanto verticalmente como horizontalmente.

Para que ela se repita somente vertical ou horizontal, pode usar o seguinte:

repeat-x - para repetir somente horizontalmente;

repeat-y - para repetir somenteverticalmente;

 

Lembrando que isso vai dentor do elemento BACKGROUND.

 

Abraços...