IE 6 CSS Hover non-balise d'ancrage

Question

Quelle est la manière la plus simple et la plus élégante de simuler la pseudo-classe de survol pour les balises non-Anchor dans IE6 ?

J'essaie spécifiquement de changer le curseur dans ce cas en celui d'un pointeur.

Answer 1

Je dirais que la méthode la plus simple serait d’ajouter des fonctions Javascript onmouseover/out.

Answer 2

Je pense que le moyen le plus simple est d'utiliser le survol.htc approche.Vous ajoutez le fichier hover.htc à votre site, puis vous le référencez dans votre feuille de style :

body { behavior:url("csshover.htc"); }

Si vous souhaitez garder les choses aussi propres que possible, vous pouvez utiliser les commentaires conditionnels d'IE afin que cette ligne ne soit rendue qu'aux utilisateurs d'IE6.

Answer 3

Concernant votre demande -- J'essaie spécifiquement de changer le curseur dans ce cas en celui d'un pointeur -- le plus simple est de préciser cursor:pointer dans votre CSS.Je pense que vous constaterez que cela fonctionne dans IE 6.

Essayez ceci pour vérifier (où div peut être n’importe quel élément) :

<div style="background:orange; cursor:pointer; height:100px; width:100px;">
    Hover
</div>

Answer 4

Une autre alternative qui résoudra beaucoup plus de problèmes en une seule fois consiste à utiliser IE7.js.

Answer 5

Une autre approche, selon la nature de l'élément, consiste à ajouter une ancre sans lien et à définir son affichage sur bloc.Soit placez l'ancre à l'intérieur ou autour de l'élément sur lequel vous souhaitez le comportement de pseudo-survol.

Answer 6

De côté:

En fait, j'avais déjà besoin d'échanger l'image de toute façon

Assurez-vous de jeter un oeil à Sprites d'images.Parfois, il est beaucoup plus agréable d'utiliser une image et de "décaler" l'image, puis d'utiliser deux images distinctes et de "basculer" ou "permuter" entre elles.D'après mon expérience, cela a été très agréable lorsque l'utilisateur interagit avec, il est parfois avantageux qu'il y ait une seule demande pour une image, puis plusieurs demandes pour plusieurs images.

Answer 7

J'ai préféré le survol/la sortie de la souris, car j'avais déjà besoin d'échanger l'image de toute façon.J'aurais vraiment dû penser à faire ça avec javascript pour commencer.

Merci pour les réponses rapides.

@Joseph

Merci pour ce lien.Je n’avais jamais entendu parler de cette technique auparavant et j’aime vraiment l’idée.

Je vais certainement essayer cela et voir comment je m’en sors.

Answer 8

Si vous souhaitez utiliser JQuery, j'utiliserais Définir la classe de survol pour tout technique.