/ / background: url (repeat_bg.png) repita-y, url (repeat_bg_right_side.png) superior direito repete-y; em ie8? - css, internet-explorer, repita

background: url (repeat_bg.png) repita-y, url (repeat_bg_right_side.png) superior direito repete-y; em ie8? - css, internet-explorer, repita

body{




background:url(repeat_bg.png) repeat-y, url(repeat_bg_right_side.png) top right repeat-y;
}

Existe uma maneira que eu poderia fazer este trabalho no ie8? ou isso não é suportado por ie8 (eu sou um newb) obrigado pelo seu tempo!

Respostas:

1 para resposta № 1

IE8 não suporta vários fundos. Sua melhor aposta é criar um contêiner externo div e colocar um fundo no corpo e um no div do recipiente:

<body>
<div id="container">
...
</div>
</body>

com o CSS:

body {
background: url(repeat_bg.png) top left repeat-y;
padding: 0;
}

#container {
background: url(repeat_bg_right_side.png) top right repeat-y;
}

(Você precisa do padding: 0 porque alguns navegadores colocam preenchimento body por padrão, o que faria com que as duas imagens não se alinhassem.)