<!--[if lt IE 7 ]><html class=“ie ie6” lang=“fr”> <![endif]-->

  1. Ce n' <!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]--> ce et d'autres semblables, IE code de lignes de moyenne dans un document HTML5?
  2. Si je dois faire certaines fonctionnalités css compatible avec IE8 ou version inférieure, n'est mentionné ci-dessus la ligne de code html ou de classe, comme indiqué dans il aide?
  3. Si #2 réponse est "Non", alors devrais-je utiliser le conditionnel IE feuille de style comme mentionné dans cet article -- http://css-tricks.com/how-to-create-an-ie-only-stylesheet/
  4. Si #3 réponse est également "Non", alors ce qui doit être fait pour rendre les fonctionnalités css compatibles dans les anciennes versions IE. Tout site de référence /demo serait d'une grande aide!
Vous pouvez faire <!--[if IE 8]><link href="path/to/ie8onlystyle.css" /><![endif]--> - ceux wrapper balises sont seulement IE instruction conditionnelle balises, tous les autres navigateurs ingore eux (car ils sont tout simplement les commentaires HTML vraiment).

OriginalL'auteur Ravi Khandelwal | 2013-09-13

  1. 9

    1. C'est un conditionnel IE déclaration. Ils ne sont lus par IE. Aucun autre navigateur ne les lire que tout commentaire, remarque le <!-- et --> au début et à la fin de l'instruction, respectivement. IE a un code spécial qui reconnaît ce commentaire et utilise ce qui est à l'intérieur du commentaire HTML ordinaire. En spécifiques à votre collé le code ci-dessus, l'IE instruction conditionnelle est l'application d'une classe de ie6 à la balise HTML. De cette façon, vous pouvez fournir IE uniquement de l'automne dos de certains éléments par la première référence à cette classe dans votre sélecteur css. Par exemple .ie6 #header {} sera le seul applicable à l'en-tête si l'IE6 classe est présent, et que la classe ne sera présent que dans IE6, à cause de la condition.

    2. Suivant le même style que ci-dessus, vous pouvez utiliser ce bout de code: <!-- [if IE 8]><html class="ie ie8" lang="en"><![endif]-->

    3. Vous pouvez utiliser un IE de la feuille de style si vous le choisissez, vous pourriez obtenir essentiellement le même résultat. Personnellement, je vais utiliser la méthode ci-dessus avec la classe sur la balise HTML et des css fichier qui est chargé normalement appelé ie.css. À l'intérieur de ce fichier, vous n'avez rien, mais IE les styles. À noter qu'avec cette méthode, la feuille de style n'a pas besoin d'être installé dans un conditionnelle IE déclaration. C'est seulement l'objectif réel de l'être séparés de la feuille de style est à des fins d'organisation. Je voudrais aussi le faire seulement si vous avez un modéré à la grande quantité de IE code conditionnel. Si vous avez des minimes IE de repli du code, il suffit d'inclure le code suivant à votre le code c'est la fixation à l'intérieur de votre maître de la feuille de style.

    4. Vous pouvez également élargir IE de soutien, dans une certaine mesure en utilisant des choses comme Modernizr et Selectivizr

    J'ai essayé de créer un IE8 spécifiques attribut css à l'un de mes cours dans ma maître de la feuille de style mais pas de sortie reflète dans IE8 navigateur. Vous ne savez pas si j'ai fait quelque chose de mal, pouvez-vous s'il vous plaît créer un violon à démontrer comme vous l'avez dit .ie6 #header {} dans le #1. BTW, bien décrit et bien connaître la différence entre le conditionnel classe et la feuille de style pour IE et de leur utilisation, merci!

    OriginalL'auteur Michael

  2. 3

    Tous les exemples que vous avez discuté de la question sont destinés à détecter si le navigateur est IE (et la version de IE), et puis d'essayer de traiter avec elle à partir de là.

    Veuillez noter que ceci est pas considéré comme une bonne pratique.

    Si vous avez besoin pour gérer les différences de navigateurs et les fonctionnalités manquantes, alors la meilleure façon de la traiter est d'utiliser une technique appelée fonction de détection de, plutôt que sur la détection du navigateur.

    Ce que je recommande est de chercher une bibliothèque appelée Modernizr. Ce n'est presque certainement un meilleur point de départ pour ce que vous essayez de faire que l'une des idées dans votre question.

    Pour la fixation spécifique des fonctionnalités du navigateur, La Modernizr équipe fournit également une liste de bibliothèques supplémentaires appelés "polyfills". Travailler sur les fonctionnalités qui vous avez besoin de soutien, et de regarder à travers la liste pour trouver un polyfill script qui fait ce que vous avez besoin. Certains d'entre eux sont les meilleurs de les charger via Modernizr; d'autres peuvent fonctionner sur leur propre.

    J'aimerais éviter de faire n'importe quel navigateur ou la détection de la version, sauf si c'est absolument un dernier recours.

    Une chose à garder à l'esprit lors de l'utilisation de polyfills: Il y a un beaucoup des fonctionnalités du navigateur qui sont manquants dans les anciennes versions IE. Il y a aussi des polyfill de scripts qui vous aideront à mettre en œuvre la majorité d'entre eux. Cependant, ne pensez pas que vous pouvez simplement inclure tous les polyfill et vieux tourner les versions IE dans un environnement plus moderne navigateur.

    Le simple fait est que les anciennes versions IE sont vieux et lents. L'ajout de polyfills permettra de les rendre plus lent. Vous devriez examiner attentivement chaque fonctionnalité, et de décider si c'est vraiment nécessaire de polyfill. Le site toujours être utilisable sans elle? Dans de nombreux cas, il sera préférable de simplement laisser les vieux navigateurs de travail en l'absence de certaines fonctionnalités.

    grand savoir sur modernizr et polyfills, y compris la fonctionnalité et la détection du navigateur. J'ai lu les présentes conditions nombreuses et, souvent, mais lisez-les au bon endroit ici m'a pris plus proche d'eux. Eh bien, j'ai principalement utilisé séparée de la feuille de style pour IE jusqu'à présent. Mais maintenant vous souhaitez utiliser plus approprié pour la détection de fonctionnalité, est-il un tutoriel montrant mordnizer ou polyfills en temps réel de l'utilisation qui va bien m'aider. Merci pour votre description et en soulignant les principes de base de chacun!
    Modernizr est une bonne documentation sur leur site. Comme pour le polyfill scripts, eh bien, ils sont tous uniques; il n'y a pas un seul ensemble d'instructions; vous devriez lire la documentation pour les pistes que vous vouliez l'utiliser. Mais le meilleur polyfills sont assez simple à utiliser; pour le bien de ceux qu'il a tendance à être juste un cas d'ajouter le script à votre site, et c'est cela, la fonctionnalité manquante(s) de commencer à travailler dans les anciens navigateurs, fin du problème. Certains sont plus complexes; il dépend de la fonction qu'ils copient autant que sur le polyfill de lui-même.

    OriginalL'auteur Spudley

  3. 1

    @FDL souligné, l'utilisation d'un conditionnel de la feuille de style si vous avez une quantité modérée de styles à appliquer les différentes versions d'IE.

    Pour un minimum de positionnement des réglages, j'utilise des classes html (comme ie8 ou ie9) et il suffit de déposer les modifications dans mon master de la feuille de style.

    Par exemple:

    .filter-bar .item { float: left; vertical-align: top; }
.ie8 .filter-bar .item { position: relative; top: 2px; } /* fix a gap in IE8 */

    OriginalL'auteur Adam

  4. 0

    1) Cela signifie que si vous avez Internet Explorer version 7 et ci-dessous, comprennent cette classe à l'intérieur de la balise html

    2) Oui, vous pouvez avoir css comme ceci:

    html.ie.ie6 .someClass {
 color: red;
}

    Cela ne sera appliquée si IE est la version 7 et ci-dessous

    3) Vous pouvez le faire aussi. Parfois, vous avez besoin de combiner les deux

    4) N/A

    Que le sélecteur est un peu beaucoup. Je pense qu'il peut facilement être simplifiée (peut-être plus perormant) en le modifiant pour .ie6 .someClass

    OriginalL'auteur Nick