Image d'arrière-plan n'est pas de position bien dans IE 8
nav li a.home { background:url('../img/custom_icons/home.png') no-repeat center; background-size: 30px 30px; background-position: 0px -1px;}
nav li a.contact { background:url('../img/custom_icons/email.png') no-repeat center; background-size: 32px 35px; background-position: 0px -1px; }
nav li a.show_all { background:url('../img/custom_icons/slide.png') no-repeat center; background-size: 35px 50px; background-position: -5px -10px; }
#facebook {
background: url(../img/custom_icons/facebook.png) no-repeat;
background-size:30px 30px;
}
#sina {
background: url(../img/custom_icons/sina.png) no-repeat;
background-size:30px 30px;
}
J'ai trouvé que ceux de l'image de fond dans chrome /fx ou autre navigateur est perfectlly position, mais pas sous IE 8 , il est soit trop petit/grand, ou tout simplement passer à d'autres endroit.Comment résoudre le problème et fonctionnent de la même façon que les autres navigateur ? grâce
Mise à jour : Après l'ajout de ms filtre, ne fonctionne toujours pas?
nav li a.home { background:url('../img/custom_icons/home.png') no-repeat center; background-size: 30px 30px; background-position: 0px -1px;}
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(
src='../img/custom_icons/home.png',
sizingMethod='scale');
-ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(
src='../img/custom_icons/home.png',
sizingMethod='scale')";
Voici le fichier css après l'ajout de l'suggéré filtre. Toutefois, il ne fonctionne toujours pas? Est-il correct de placer le code comme celui-ci? il semble assez bizarre car il y a un ; à la fin et un "après =d '"échelle") . Grâce
- Êtes-vous sûr que IE8 comprend toutes ces règles css?
background-position
semble être non pris en charge. Je n'ai pas ce problème donc je ne peut pas proposer une solution de contournement, mais il y a peut être quelque chose autour. - je vois. Il semble que la taille de l'arrière-plan et d'arrière-plan n'est pas pris en charge... Que dois-je faire par exemple. utilisation img remplacer le fond d'écran?
- Si les images sont sous votre contrôle, vous pourriez modifier et d'éviter d'avoir à les redimensionner avec
background-size
. Aussi -ms-filter (ou filtre) vont dans le même endroit que les autres règles css aller, c'est à direDIV { -ms-filter: "progid:DXImageTransform.blah(args)";}
Vous devez vous connecter pour publier un commentaire.
Cette réponse ici https://stackoverflow.com/a/6353808/358906 est probablement mieux que ma réponse originale à cette question ci-dessous.
Dans IE8, assurez-vous que le navigateur en mode IE8 Normes, si ce n'est pas, le changer et voir si cela résout votre problème. Si cela résout le problème, alors vous aurez besoin de enfore IE8 de toujours utiliser la I8 Normes de la mode en utilisant les meta tags ou serveur têtes.
"background-size" ne fonctionne pas sur IE8.
http://caniuse.com/#feat=background-img-opts