Accueil > Docs > CSS : appliquer :hover à des blocs

CSS : appliquer :hover à des blocs

dimanche 28 janvier 2007, par b_b

Lu sur Smiley Cat un article décrivant une méthode pour appliquer des effets de roll over à des blocs (état :hover).

How to Create a Block Hover Effect for a List of Links

Pourquoi cet article ? Tout simplement parce qu’avec IE on ne peut appliquer un état :hover qu’à un lien (lire l’article sur Openweb).

La technique employée dans l’article de Smiley Cat résout le problème en encadrant le contenu de chaque <li> par des <a>. C’est un peu "bourrin" comme technique mais ça fonctionne. Cette méthode est d’ailleurs utilisée sur le squelette de RÉCIT-FP Partenaires disponible sur SpipContrib (regardez les blocs de la colonne centrale).

D’autres méthodes sont citées dans les commentaires de l’article, comme celle-ci :

whatever:hover à base de fichier .htc (fichier de comportement pour IE)

Un message, un commentaire ?

Qui êtes-vous ?
Votre message

Ce formulaire accepte les raccourcis SPIP [->url] {{gras}} {italique} <quote> <code> et le code HTML <q> <del> <ins>. Pour créer des paragraphes, laissez simplement des lignes vides.