RECHERCHE

Plan du site

Développeur

BOURSE

RUBRIQUES
 
 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>

 
[ Xavier Borderie,  JDNet
 
Accueil | Haut de page
 
 

 
 
 
[an error occurred while processing this directive]