le MEMO du WEB développeur
••• HTML •••  Liste des Mémos, astuces et bonnes pratiques

Internet Explorer : Commentaire conditionnel

Les commentaires conditionnels sont propres à Internet Explorer.

Ils permettent de

  • Masquer ou afficher du code HTML sous IE uniquement.
  • Sélectionner une version du navigateur IE pour afficher du code spécifique à cette version.

Cibler une version d'internet Explorer par commentaire conditionnel se fait avec les syntaxes suivante.

Si la version IE est supérieure ou égale à IE9 :

<!--[if gte IE 9]>
  Votre code pour cette condition
<![endif]-->

Si la version IE est inférieure ou égale à IE7 :

<!--[if lgte IE 7]>
  Votre code pour cette condition
<![endif]-->

Si la version de IE est égale à IE10

<!--[if IE 10]>
  Votre code pour cette condition
<![endif]-->

Exemples d'utilisation :

Utile pour faire des patchs pour certaines vieilles versions d'Internet Explorer

Code HTML affiché uniquement sous navigateur IE8

Afficher du contenu uniquement pour une version d'Internet explorer

<!--[if IE 8]>
   <div> Nous sommes sous Internet Explorer 8 </div>
<![endif]-->

Script javascript déclaré uniquement sous navigateurs IE<=8

Déclarer un script pour les vieilles versions d'internet explorer, dans le cas suivant, déclarer un script qui simule les bords arrondis pour les versions d'internet Explorer qui ne supportent pas la propriété CSS border-radius.

<!--[if lte IE 8]>
 <script type="text/javascript" src="../../scripts/roundies.js"> </script>
 <script  type="text/javascript">
  DD_roundies.addRule('.monDivArrondu', '10px 10px 10px 10px ');
</script>
<![endif]-->
Avertissement :
Les commentaires conditionnels IE ne sont plus pris en compte par IE 10 !

source : http://en.wikipedia.org/wiki/Conditional_comment

 

 

publié le 07/12/2011 par Memo Web
Navigateur
Commentaire :
Les commentaires conditionnels ne fonctionnent plus sous IE10 :).
par inconnu, le 20/08/2013
Commenter le Mémo :

Problème de slash sur passage de paramètres dans formulaire
Padding et margin en hauteur ne fonctionnement pas sur éléments inline
Revenir à la page précédente du navigateur
Limiter le nombre de caractères saisis dans un textarea
Ma méthode pour affecter un identifiant entier à mes éléments HTML
Comment ne pas interpréter une commande HTML à l'affichage
Trouver le chemin canonique absolu d'un répertoire
Empêcher l'autocomplétion dans les formulaires
Mettre un lien vers la page d'accueil son site
Comment ajouter un favicon sur son site
Ajoutez vos propres Mémos sur MEMO-WEB

Il suffit de vous créer un compte sur le site

Vous pourrez choisir un thème parmis l'une des catégories proposées par MEMO-WEB.

Rédigez votre Mémo.
Après validation par MEMO-WEB, il sera mis en ligne.
Ajouter vos Mémos