problème background dégradé + image avec IE

[d-tecteur]

Bonjour à tous,

voilà j'ai mis mis le background de mon site en "linear-gradient" ( pas de problème)et je voulais mettre une image en plus.

Cela fonctionne sur tout les navigateur sauf sur IE, le dégradé ce fait correctement mais impossible d'afficher l'image. De plus je l'ai mis en "fixed" mais là non plus ça ne fonctionne pas sur IE, sur les autres oui.

 

Je vous met le bout de code CSS:

 

body {

background: #000000 fixed no-repeat top center;

filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000", endColorstr="#ffffff"),url('../img/lingo.png'); /* Pour IE seulement et mode gradient à linear */

background-image:url('../img/lingo.png'), -webkit-gradient(linear, left top, left bottom, from(#000000), to(#ffffff));

background-image:url('../img/lingo.png'), -moz-linear-gradient(top center, #000000, #ffffff);

background-image: url('../img/lingo.png'), -o-linear-gradient(top, #000000, #ffffff); /*uniquement en mode linear*/

font-size: 13px;

font-family: arial black;

color: #5d717e;

text-align: center

}

 

 

J'ai essayé de placer l'image un peut partout dans le code concernant IE mais rien à faire...

 

un petit coup de main serait le bien venu, merci.

[Stéphane Chonez]

salut,

 

inutile de répéter le background-image et surtout mettre un ppoint-virgule et non un virgule après l'appel :

background-image:url('../img/lingo.png'), -webkit-gradient(linear, left top, left bottom, from(#000000), to(#ffffff));
background-image:url('../img/lingo.png'), -moz-linear-gradient(top center, #000000, #ffffff);
background-image: url('../img/lingo.png'), -o-linear-gradient(top, #000000, #ffffff); /*uniquement en mode linear*/

 

background-image:url('../img/lingo.png');
-webkit-gradient(linear, left top, left bottom, from(#000000), to(#ffffff));
-moz-linear-gradient(top center, #000000, #ffffff);
-o-linear-gradient(top, #000000, #ffffff); /*uniquement en mode linear*/

[d-tecteur]

merci pour votre réponse, mais cela ne règle pas mon problème avec IE

[d-tecteur]

j'ai essayé votre code mais là l'image s'affiche sur tout les navigateur mais le dégradé ne fonctionne plus (avec tout le navigateur)

[Stéphane Chonez]

une url ?

 

vous avez bien remis egalement le filtre IE pour le dégradé ? :

filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000", endColorstr="#ffffff");

[d-tecteur]

Oui après le code que vous m'avez donné

[d-tecteur]

Le site est en local mais j'ai le même problème avec www.d-tecteur.com

[d-tecteur]

je n'ai toujours pas résolu mon problème, si quelqu'un pouvait m'aider ????