IE 6 CSS-Hover-Tag ohne Anker

StackOverflow https://stackoverflow.com/questions/36605

  •  09-06-2019
  •  | 
  •  

Frage

Was ist die einfachste und eleganteste Möglichkeit, die Hover-Pseudoklasse für Nicht-Anchor-Tags in IE6 zu simulieren?

Ich versuche in diesem Fall speziell, den Cursor in einen Zeiger zu ändern.

War es hilfreich?

Lösung

Ich würde sagen, dass die einfachste Methode das Hinzufügen von Onmouseover/Out-Javascript-Funktionen wäre.

Andere Tipps

Ich denke, der einfachste Weg ist die Verwendung von hover.htc Ansatz.Sie fügen die Datei hover.htc zu Ihrer Site hinzu und verweisen dann in Ihrem Stylesheet darauf:

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

Wenn Sie die Dinge so sauber wie möglich halten möchten, können Sie bedingte IE-Kommentare verwenden, sodass diese Zeile nur für Benutzer mit IE6 gerendert wird.

Bezüglich Ihrer Anfrage -- Ich versuche in diesem Fall speziell, den Cursor in einen Zeiger zu ändern – Am einfachsten ist es, dies zu spezifizieren cursor:pointer in deinem CSS.Ich denke, Sie werden feststellen, dass das in IE 6 funktioniert.

Versuchen Sie dies, um zu überprüfen (wo div kann ein beliebiges Element sein):

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

Eine weitere Alternative, mit der sich viele weitere Probleme auf einmal beheben lassen, ist die Verwendung von IE7.js.

Ein anderer Ansatz, je nachdem, um welches Element es sich handelt, besteht darin, einen Nicht-Link-Anker hinzuzufügen und seine Anzeige auf „Blockieren“ einzustellen.Platzieren Sie den Anker entweder innerhalb oder um das Element herum, für das Sie das Pseudo-Hover-Verhalten wünschen.

Beiseite:

Eigentlich musste ich das Bild sowieso schon austauschen

Werfen Sie unbedingt einen Blick darauf Bild-Sprites.Manchmal ist es viel schöner, ein Bild zu verwenden und das Bild zu „verschieben“, als zwei separate Bilder zu verwenden und zwischen ihnen „umzuschalten“ oder „zu tauschen“.Meiner Erfahrung nach ist es sehr angenehm, wenn der Benutzer bei der Interaktion damit manchmal von Vorteil ist, dass es eine einzelne Anfrage für ein Bild und dann mehrere Anfragen für mehrere Bilder gibt.

Das Mouseover/Out hat mir am besten gefallen, da ich das Bild eigentlich sowieso schon austauschen musste.Ich hätte wirklich darüber nachdenken sollen, dies zunächst mit Javascript zu tun.

Danke für die schnellen Antworten.

@Joseph

Danke für diesen Link.Ich hatte noch nie von dieser Technik gehört und finde die Idee wirklich gut.

Ich werde das auf jeden Fall ausprobieren und sehen, wie es mir damit geht.

Wenn Sie bereit sind, JQuery zu verwenden, würde ich es verwenden Legen Sie die Hover-Klasse für alles fest Technik.

Lizenziert unter: CC-BY-SA mit Zuschreibung
Nicht verbunden mit StackOverflow
scroll top