2013-01-29 5 views
7

J'essaye de lier à IE10 avec une feuille de style externe mais elle ne fonctionne pas correctement. ce qui se passe est IE10 utilise la même feuille de style que les autres navigateurs. J'ai attaché différentes feuilles de style pour IE 9 et 8 et ceux-ci sont bien. J'ai même essayé d'avoir une feuille de style pour les autres navigateurs mais IE 10 semble penser que c'est l'un des autres navigateurs.ie10 feuille de style

<!--[if lt IE 10]> 
<link rel="stylesheet" type="text/css" href="ie10.css" /> 
<![endif]--> 
+3

'lt' =" inférieur à ". Vous êtes à la recherche de 'si IE 10' –

+0

Par curiosité, qu'est-ce que IE10 n'est pas conforme aux normes pour vous? – isherwood

+0

En désaccord, abandonner les commentaires conditionnels de IE10 était prématuré. –

Répondre

1

Vous voulez probablement lte (inférieur ou égal) ou une correspondance exacte au lieu de lt (inférieur à).

+0

Lie vous avez répondu à cette question en arrière et il semble le plus logique pour moi. Avez-vous testé cette méthode avant? J'ai un mac donc je ne peux pas le tester. '' –

11

[si gt IE 9] pour 'greather que' 9

expliqué ici: http://msdn.microsoft.com/en-us/library/ms537512%28v=vs.85%29.aspx

mais vous devriez lire attentivement sur le net (http://www.sitepoint.com/microsoft-drop-ie10-conditional-comments/) ... IE10 a chuté des commentaires conditionnels.

sujet ici même How do I target only Internet Explorer 10 for certain situations like Internet Explorer-specific CSS or Internet Explorer-specific JavaScript code?

no more support for conditional comments

Et pour répondre à: lien vers IE10 ->

vous pouvez peut-être essayer quelques jQuery comme celui-ci (Nota: Cette propriété a été éliminé jQuery 1.9 et est disponible uniquement via le plugin jQuery.migrate.):

if ($.browser.msie && $.browser.version == 10) { 
    $("html").addClass("ie10"); 
} 

Ou vous pouvez essayer le @media -m-Hack contraste élevé comme ceci:

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { 
    /* IE10-specific styles go here */ 
} 

ou vous pouvez essayer le @media Zéro Hack

@media screen and (min-width:0\0) { 
    /* IE9 and IE10 rule sets go here */ 
} 
+0

Bonne information. Merci. – isherwood

+0

Merci beaucoup les gars ... LE SITE sur lequel je travaille est www.thesda.co.za. Peut-être que vous pouvez jeter un oeil, les curseurs de fondu dans la barre latérale ne sont pas en hausse dans IE10 et les arrière-plans multiples ne fonctionnent pas correctement dans IE8, donc j'ai des problèmes. Merci beaucoup pour votre aide les gars ... vraiment l'apprécier. – user2022071

+1

FYI '$ .browser' est obsolète depuis jQuery depuis la version 1.3 et supprimé dans jQuery 1.9. Source: http://api.jquery.com/jquery.browser/ –

-5

Si vous ajoutez Pour un thème wp, vous devrez le lier correctement. Ex:

<!--[if lt IE 10]><link rel="stylesheet" type="text/css" href="<?php bloginfo('template_directory'); ?>/ie10.css" /><![endif]--> 
+0

-1 car qu'est-ce qu'un thème wp? BTW l'OP n'a pas demandé de wordpress? Aussi downvoted car il le résume à -3. restez propre. – angabriel

0

Juste finir sur un email de HTML (sensible). Et de ce que j'ai lu jusqu'à présent la solution à IE 10 est de ne pas avoir un externe, mais en utilisant:

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { 

} 

dans le cadre de la principale css.