Survol d'éléments css avec internet explorer
Par Twidi,
vendredi 16 septembre 2005 à 11:25 :: Développement
:: #29
:: rss
Tags : css - internet explorer - navigateurs
Dans le design web, quelque chose qui manque vraiment à internet explorer, c'est la gestion des "hover" sur autre chose que des liens.
"hover", c'est une pseudo-class qui s'utilise de la façon suivante :
#mon_element:hover { monc_code_css }
Le css indiqué sera alors appliqué à l'élément au survol de ce dernier.
L'absence de cette fonctionnalité dans internet explorer frustre notre créativité.
Or il existe une solution. Un fichier "htc", qui modifie le comportement d'internet explorer. On connaissait déjà le magnifique mais lourd "ie7" (qui n'a rien a voir avec internet explorer 7, mais l'auteur a du utiliser ce nom dans l'idée de proposer tout ce qu'il aimerait voir dans internet explorer 7) que l'on trouvera ici : http://dean.edwards.name/IE7/.
Mais là point besoin de charger tout ça, nous utiliseront le "csshover.htc" que nous propose le cite http://www.xs4all.nl/~peterned/csshover.html
Comment l'utiliser ? Très simplement... Il suffit de rajouter dans sa css
body { behavior: url(csshover.htc); }
(en n'oubliant pas de placer le htc dans le même répertoire que le css
Seul défaut de ce procédé, la feuille de style ne validera plus, il peut être alors pertinent de placer cette déclaration dans un css à part, importé grace à @import.
Commentaires
1. Le mercredi 21 septembre 2005 à 14:27, par Twidi :: site
Ajouter un commentaire
Les commentaires pour ce billet sont fermés.