CSS-Problem: IE 6+ nicht anzeigen "cursor" richtig - ninja-Hilfe benötigt

IE 6+ ist die Anzeige des Mauszeigers als text-Symbol und nicht eine mini-hand (pointer), wie es sein sollte.

Meine Live-Beispiel zeigen, wie wenn Sie den Mauszeiger über einen tab (Alle/Fore Verkauf/...), im IE zeigt es ein text-cursor, aber Firefox/etc zeigt es korrekt als "Zeiger".

Diese wird angewandt, um die ul.tabbernav li a:hover CSS-Eigenschaft.

Irgendeine Idee warum der IE das nicht anzeigen der cursor als Zeiger, wenn Sie die Maus über die tabs auf meiner Seite?

  • haben Sie versucht, die Anwendung der cursor-Attribut der ul.tabbernav li a Selektor? Außerdem würde ich versuchen, eine Einstellung zu einem block-element.
  • wie kann ich einstellen, dass es ein "block-element"?
  • hinzufügen von display:block auf Ihrem a href
  • 'display:block" nicht funktioniert.
  • Sie finden die problem - Zugabe "cursor:pointer", um die " ul.tabbernav li' - Eigenschaft behoben, das problem
  • wenn Sie den cursor:pont zu den anderen Gegenständen als Antwort - ich werde daneben ist als die akzeptierte Antwort für Sie, die Punkte zu Holen.

InformationsquelleAutor TimJK | 2009-08-17
  1. 4

    Zeiger sollte immer verwendet werden, aber für die wirklich alten IE gibt es eine Lösung am Ende dieser Seite:

    http://www.learnwebdesignonline.com/css-tutorials/cursor-hand-pointer.htm

    • Ich bin nur besorgt darüber, dass diese Arbeit in IE 6 und höher. Ich habe Verbindung mit einem live-Beispiel in meinem ursprünglichen post jetzt.
    InformationsquelleAutor Keith Adler
  2. 1
    cursor: pointer;

    Dieser funktioniert im IE 6+, Firefox & Chrome für mich.

    • siehe mein live-Beispiel jetzt in der aktualisierten original-Beitrag. Dies funktioniert nicht im IE bei mir.
    InformationsquelleAutor JMP
  3. 1

    Laut der Website, die Sie referenziert, und meine eigenen Tests 

    cursor: pointer

    funktioniert in IE6-8, Safari, Firefox und Chrome.

    Als die site zeigt

    Durch ändern des Wertes der cursor
    Erklärung Sie können zuweisen cursor
    Stile für verschiedene HTML-Elemente.
    Obwohl in der Theorie das ist toll
    Funktionalität, es ist sehr einfach zu
    verwirren Sie Ihre Nutzer durch die Definition
    unangemessene cursor-styles. Bitte
    sehr vorsichtig sein; im Allgemeinen ist die browser
    Standardeinstellungen funktionieren, und neben
    Sie sind das, was der Benutzer erwartet.

    Lauffläche leicht.

    • das ist es, was merkwürdig ist ... siehe mein Live-Beispiel-site im ursprünglichen post. Es scheint nicht zu funktionieren mit IE 6+
    InformationsquelleAutor ahsteele
  4. 0

    Ich glaube Ihr nicht immer den Zeiger, weil a href gar nicht eingerichtet auf die zum Verkauf, zur Miete und Appartements <a> tags. Es funktioniert auf die Registerkarte Alle, in denen das href ist gesetzt javascript:void(null);

    InformationsquelleAutor PaddyDwyer
  5. 0

    Beides verwenden. cursor: hand; cursor: pointer; oder cursor: hand, pointer; Kann mich jetzt nicht daran erinnern, die funktionierte gut für mich, wenn dabei anklickbare Tabellen...

    EDIT:

    Offenbar gibt es eine bestimmte Reihenfolge, um es arbeiten cross-browser:

    cursor: pointer; cursor: hand;

    Gerade getestet in IE8, Firefox, Safari und Google Chrome.

    InformationsquelleAutor Havenard
  6. 0

    Liegt das problem mit dem Versuch, den link ein div (Sie wahrscheinlich bereits wissen) so wechseln Sie zu einem ein-tag-würde das problem zu beheben. Dann haben javascript fangen Sie die klicken Sie auf und false zurückgeben, also kein Neuladen der Seite?

    Auch Sie sollte wirklich pick-up ein js-framework. Das ist eine Menge von js, reduziert werden könnten, unter Verwendung von jQuery, mootools oder was auch immer.

    InformationsquelleAutor corymathews
  7. 0

    Hinzufügen der cursor:pointer zu den ul.tabbernav li a ist das problem behoben, pro eulerfx Beratung.

    InformationsquelleAutor TimJK
  8. -1
    <style>

.element {cursor: pointer; }

</style>

<!-- the following as an example -->
<!--[if lte ie7]>

<style>

.element {cursor: hand; }

</style>

<![endif]-->

    Deckt alle Grundlagen, mit nur IE (kleiner-als-oder gleich-zu) 7 Abholung der letzteren bedingt, kommentierte Stil Regeln (obwohl ich glaube, IE6+ versteht cursor: pointer, aber ich bin mir nicht sicher).

    • IE6 weiter unterstützen cursor: pointer. IE < 6 nicht unterstützt conditional comments.
    • Ich habe nur Sorge, dass, wenn IE 6 und oben die Anzeige der mini-Seite, weil es ist ein link. Siehe mein live-Beispiel-web-site. Ich habe den link in meinem original-Beitrag aktualisiert
    • Ja, ich vergaß zu schreiben, da bearbeitet-in, Kommentar zu es wird nur ein Beispiel, und die Klammer war unvollendet. Ich stürzte; ah gut...mehr Eile, weniger Geschwindigkeit...
    • Dorward - Bedingte Kommentare Hinzugefügt wurden, werden im IE5. siehe msdn.microsoft.com/en-us/library/ms537512%28VS.85%29.aspx
    InformationsquelleAutor David Thomas
Schreibe einen Kommentar