Jump to content

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


 Share

Recommended Posts

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.

Share this post


Link to post
Share on other sites

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*/

Share this post


Link to post
Share on other sites

  • 4 weeks later...

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
 Share

×
×
  • Create New...

Important Information

Cookies ensure the smooth running of our services. Using these, you accept the use of cookies. Learn More