1 reply to this topic

[jumerle]

Pessoal estou finalizando um layout e seurgiu a necessidade de inserir duas imagens em seu plano de fundo.
Estou usando esse css. No IE6 ele esta ok a segunda imagem esta alinhado ao termino da página, porém no IE7, FF e Chrome ele está alinhando na resolução do monitor.
Apesar de achar que o erro esta no IE6, gostaria de saber se tem como os outros brouser interpretar como o IE6.

Segue codigo...

html, body {
   height: 100%;
   margin: 0;
   padding: 0;
 }
body {
   background: transparent url(img/bg_1.png) no-repeat bottom;
}
html {
	background: #B0E1F0 url(img/bg_2.png) no-repeat top;
}

Segue imagem...



Bg1 céu e Bg2 montanha.

Sei que poderia criar uma div rodape e colocar o bg2 porém não teria um bom efeito de sobreposição como na imagem.

Vlw pessoal!

[Édipo Costa Rebouças]

o que você pode fazer e colocar um div com largura 100% e altura 100% em volta da dic que contem o site, e colocaro fundo com o background-postion na altura que vc precisa.