PRATIQUE CLIENTS WEB 
CSS : Cibler uniquement les navigateurs récents
 
Présentation d'un filtre CSS pour éviter de voir ses règles appliquées aux navigateurs obsolètes : IE5, Netscape 4, Opera 5... (09/05/2006)

La plupart sont conçus en réponse aux manques de support de la part des anciens navigateurs encore utilisés aujourd'hui, notamment Internet Explorer dans ses versions inférieures à 6. Même si la prochaine version de IE promet beaucoup, les hacks dédiés à ce navigateur ne sont malheureusement pas prêts de disparaître, et il faudra encore quelques années avant que les développeurs Web n'aient plus à cibler les navigateurs.

L'un des filtres, ou hacks, qui vise le plus d'anciens navigateurs est baptisé Owen Hack - du prénom de son auteur. Les tests montrent qu'il n'appliquera ses règles que pour les navigateurs suivants : moteur Gecko (Mozilla, Firefox, Netscape 6 et 7), Opera 8 et 7, IE5/Mac, Safari, Konqueror. Dans les faits, il ne s'appliquera pas à IE/Win (même la dernière beta 2), Netscape 4, Opera 5 et 6, OmniWeb, IE4/Mac...

Les navigateurs passant le test devraient afficher cette ligne soulignée, les autres en barrée...

  Forum

Réagissez dans les forums de JDN Développeurs

Le filtre lui-même prend cette forme :
.filtre {
  text-decoration: line-through;
  }
head:first-child+body .filtre {
  text-decoration: underline;
  }


<div class="filtre">Les navigateurs passant le test devraient afficher cette ligne soulignée, les autres en barrée...</div>



Les meilleures astuces CSS sur le JDN :
- Comment appliquer les CSS d'une page web au contenu d'une iframe ?
- Comment centrer horizontalement une DIV dans une autre en CSS ?
- Comment créer un arrière-plan (backgroud) CSS extensible et adaptable ?
- Comment définir les cellpadding et cellspacing en CSS ?
- Comment modifier l'image d'un bouton input en CSS ?
- Comment rendre l'arrière-plan d'un élément semi-transparent en conservant le texte de cet élément opaque en CSS ?
- Internet Explorer supporte-t-il l'attribut CSS border-radius

 
Xavier Borderie, JDN Développeurs
 
 
Accueil | Haut de page