Bonjour,
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;
}
Pour info, j'ai vidé le cache IE à plusieurs reprises sans succès et j'ai fait un essais avec IETESTER sur mon site local + version IE9 et cela fonctionne. J'en déduit donc que c'est le serveur qui pose problème avec IE9 mais c'est bien la première fois que j'ai affaire ce genre de problème
Si quelqu'un à une idée je suis preneur.
Merci d'avance