Probleme de compatibilité IE

[j.cedric]

Bonjours a touts
Je ne suis pas bien fort en css mes je bidouille un peut quand même.
J’ai réussie à faire un arrière plan de site divisé en 3 parties
1er partie en haut à gauche
2ieme partie en haut à droite
3ieme une lichette de 1px qui ce répète en haut pour comblé les trous.

Problème j’ai bien réussi mon code car il fonctionne très bien avec Firefox, Google Chrome et Opéra, mes incompatible IE. Et comme j’ai remarqué qu’il y a encore plus de la moitié des internautes qui passer sur mon site avec IE sa me gêne un peut.

Voici mon code que j’ai réalisé :

Code :

1
2
3
4
 background-color: #E5EAE6; 
background-image: url("../img/body0_bg.jpg"),url("../img/body00_bg.jpg"),url("../img/body_bg.jpg"); 
background-position: left top,right top,left top; 
background-repeat: no-repeat,no-repeat,repeat-x;

Bien entendu je pense que vous voyez ma question. Et t’il possible d’avoir un code similaire compatible avec IE et les autres navigateurs cité au dessus ?

Merci de vos réponses
Cedric

[Bisûnûrs]

Tu utilises les backgrounds multiples, une propriété CSS3 non-disponible pour IE8 et inférieurs.

En cherchant sur Google avec les termes "css background multiple ie" on tombe par exemple sur ce lien :
http://cookbooks.adobe.com/post_Cros...g_I-16839.html

[j.cedric]

Déjà merci de ta réponse aussi rapide, je vais me penché sur ton lien.

Je viens de tester avec le nouveaux IE9 il as bien changer et je trouve plus agréable. Cela dis par défaut il ne s'affiche pas encore il faut activé le système de compatibilité et la sa passe bien.
Alors je vais étudier ton lien pour que sa marche correctement du 1er coup

[j.cedric]

J'ai tester et changer juste les noms des images et échanger les deux codes. Cela ne fonctionne pas.
Es normal?

voici je que j'ai mis a la place du code ci dessus:

Code :

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
#multipleBackgroundImages {
  background-image: url(../img/body0_bg.jpg),
                    url(../img/body00_bg.jpg);
  background-position: top left, bottom right;
  background-repeat: no-repeat;
  border: 1px solid black;
  padding: 0 1em;
}
 
#multipleBackgroundImages .no_colour {
    background-color: transparent;
 
}
 
#multipleBackgroundImages p+p+p {
    background-color: #ffc;
    padding: 1em;
}

Quand j'insère ce code le CSS ne fonctionne plus du tout.
je crois que je suis en train de faire le boullet