J'ai fait un petit site intranet pour la boîte ou je bosse et je après des heures de recherche je viens poster ici en désespoire de cause.
Sur mes page j'ai un menu vertical dynamique.
Ce menu fonctionne très bien en local (easy php). Par contre dés que je le mets en ligne j'ai des petites images devant chaque titre du menu qui n'apparaîssent pas sous IE 9. Le chemin dans le background-image est correcte car si j'essais avec Firefox ca marche.
J'ai pensé à un problème de compatibilité (CSS3 et IE9) mais comme je l'ai indiqué la version locale sous easy php fonctionne sous IE9.
Voici l'extrait du code ou j'appels les images du menu:
Code : Tout sélectionner
.menu > li > a:before {
content: '';
background-image: url(../images/sprite.png);
background-repeat: no-repeat;
font-size: 36px;
height: 1em;
width: 1em;
position: absolute;
left: 0;
top: 50%;
margin: -.5em 0 0 0;
}
.item1 > a:before {
background-position: -38px -38px;
}
.item2 > a:before {
background-position: 0 0;
}
.item3 > a:before {
background-position: -1px -36px;
}
.item4 > a:before {
background-position: -38px -1px;
}
.item5 > a:before {
background-position: -76px -1px;
}
Si quelqu'un à une idée je suis preneur.
Merci d'avance
