TUTORIELS 
CSS : le filtre Inline High Pass
Présentation d'un filtre permettant de n'appliquer des règles de style qu'aux plus récents navigateurs.  (17 mars 2004)
 
Forums
* Discutez en sur les forums
Il existe une multitude de filtres CSS, permettant d'appliquer une règle de style sur les navigateurs qui les comprennent, tout en évitant qu'elles ne soient vues (et mal interprétées) par les navigateurs qui ne les comprennent. Nous présenterons de temps à autre des filtres ou "hacks" permettant de cibler précisément les navigateurs fautifs.
Le filtre Inline High Pass permet d'éviter de voir ses règles de style appliquées par bon nombre de navigateurs n'appliquant pas bien CSS1 : Internet Explorer 4.0 à 5.x sur Windows (et 4.x sur Mac), Netscape 4.05 à 4.8x et Konqueror 2.2 à 3.x.
Ce filtre tient en une ligne : i{content:"\"/*"}. Toute régle suivante dans le bloc CSS sera ignorée par les navigateurs sus-cités, au profit des précédentes.

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


Le code
<style type="text/css">
  div.filtre { text-decoration: line-through; }
  i{content:"\"/*"}
  div.filtre { text-decoration: underline; }
</style>

<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 BorderieJDNet
 
Accueil | Haut de page