2017-02-09 2 views
2

Ich versuchte mit cursor:pointer zu meinem div aber immer noch bekomme ich den Standard-Cursor-Typ auf den Schwebeflug. Was mache ich falsch?Ist der Cursor-Typzeiger veraltet?

Ich überprüfte andere Live-Sites auch, dieses Problem liegt überall. Nicht sicher, ob es veraltet ist oder ich etwas falsch mache.

div{ 
 
    width:100px; 
 
    height:100px; 
 
    background:red; 
 
} 
 
div:hover{ 
 
    cursor:pointer 
 
}
<div> 
 

 
</div>

+0

Ich bekomme die Hand, während ich darüber schwebe - ist das dein beabsichtigtes Ergebnis? –

+0

Ich mache immer 'cursor: pointer; cursor: hand;' Ursache für einen alten Legacy-Browser von vor 16 Jahren. es ist in meinem System festgefahren. – Tschallacka

+0

Mögliches Duplikat von [Wie kann ich dem Cursor eine Hand geben, wenn ein Benutzer den Mauszeiger über ein Listenelement bewegt?] (Http://stackoverflow.com/questions/3087975/how-cani-i-make-the-cursor-a- Hand-wenn-ein-Benutzer-schwebt-über-einer-Liste-Artikel) – Banzay

Antwort

0

Verwenden

div:hover{ 
    cursor: pointer; 
    cursor: hand; 
} 

Durch die Verwendung von zwei Eigenschaften wiederholt, der mit dem ungültigen/nicht unterstützt Wert wird als pro CSS-Spezifikation ignoriert werden, und die nächste Zeile wird hingerichtet.

Ich benutze dies seit Jahren, seit der Netscape Navigator/Internet Explorer wars, und aparently manchmal ist es immer noch notwendig, beide zu verwenden.

1

Wie Sie in here überprüfen können, ist dies nicht veraltet. Browserkompatibilitätsinformationen sind ebenfalls auf dieser Website verfügbar.

Sie können die Kompatibilität mit diesem Web site überprüfen. um die vollständigen Informationen zu erhalten.

0

Cursor Zeiger ist nicht entzogen, es könnte ein Fehler in Ihrem Browser sein. In diesem Beispiel können Sie den Cursortyp unterscheiden. Also check this website for reference

#a1{ 
 
    width:100px; 
 
    height:100px; 
 
    background:red; 
 
} 
 
#a2{ 
 
    width:100px; 
 
    height:100px; 
 
    background:blue; 
 
} 
 
#a3{ 
 
    width:100px; 
 
    height:100px; 
 
    background:green; 
 
} 
 
#a3:hover{ 
 
    cursor:default 
 
} 
 
#a2:hover{ 
 
    cursor:pointer 
 
} 
 
#a1:hover{ 
 
    cursor:help 
 
}
<div id="a1"> 
 

 
</div> 
 
<div id="a2"> 
 

 
</div > 
 
<div id="a3"> 
 

 
</div >

1

Vielen Dank für Ihre schnelle Antwort. Ihr werdet es nicht glauben. Wie von luciferous im Kommentar vorgeschlagen. Ich habe versucht, Photoshop zu triggern. Es funktionierte wie ein GEM. Aber weiß nicht, was der Grund für die Abschaltung von Photoshop sein könnte, um mit dem Zeiger des Browsercursors umzugehen. Aber das Problem wurde behoben. Das könnte witzige Lösung sein, aber es hat funktioniert

+2

Naice :) ... wie ich schon sagte ... ¯ \ _ (ツ) _/¯ .. – semuzaboi