Interprétation de deux background-color avec IE

Bonjour à tous,

Une fois n'est pas coutume, encore un problème sous IE (8 dans mon cas)!

J'expose mon problème : sur la page suivante http://apten.asso.univ-poitiers.fr/accueil.php,
j'ai des boites de texte avec un fond dégradé bleu qui passe bien sur tous les navigateurs qui se respectent...
code de la boite (simplifié) :

.txtbox2 {
	border: 1px solid #b6b6e1;
	background-color: #ddf6fa;
	background: -webkit-gradient(linear, left bottom, right top, from(#ddf6fa), to(#fff));
	background: -moz-linear-gradient(45deg, #ddf6fa, #fff);
}

J'ai inséré background-color: #ddf6fa; au début pour les navigateurs qui n'interprètent pas les dégradés.
Mais problème : dans IE8, cette couleur n'apparait pas, ma boite est transparente (seule la bordure s'affiche) et la couleur de fond de la boite est celle du fond de la page (grise : #eee, code ci-dessous).

#box {
	width: 1000px; 
	margin: 0px auto 0px auto; 
	background-color: #eee;
}

J'ai l'impression qu'il se produit la même chose pour le fond bleu de mon menu principal (qui devrait s'afficher sur toute la largeur de la page).

Y'a-t-il un problème à superposer deux <div> avec des background-color différentes dans IE?

Merci pour toute aide et bonne journée!
JP

Bonjour,

IE ne risque pas de reconnaitre les propriété de gradient, puisque tu cible mozilla et webkit...

Pour IE, il faut utiliser un filtre.

Merci pour la réponse,

Je ne souhaite pas conserver le gradient pour IE, mais juste appliquer le background-color uni qui devrait normalement s'afficher à la place puisqu'il est placé dans le css :

.txtbox2 { 
    border: 1px solid #b6b6e1; 
    background-color: #ddf6fa; 
    background: -webkit-gradient(linear, left bottom, right top, from(#ddf6fa), to(#fff)); 
    background: -moz-linear-gradient(45deg, #ddf6fa, #fff); 
} 

Or ce fond uni ne s'affiche pas et j'ai une boite transparente...

Avez-vous une explication ?

merci,

Salut
As tu essayé en mettant juste background pour la couleur (à la place de background-color) ?

Merci et désolé de répondre si tard...
J'ai en effet essayé de remplacer background-color par background seul... sans résultat.
Je ne comprend pas pourquoi IE n'adapte pas correctement...