css - Verwenden von Cursors Sprites

Aber was ist, wenn meine Cursors (3) alle zusammen in einem CSS-Sprite-Bild sind, wie kann ich Hintergrund-Position, Breite, Höhe Werte der Cursor-Eigenschaft.css - Verwenden von Cursors Sprites

so etwas wie

cursor .fancybox-inner OR .fancybox-inner:hover cursor{ 
background: url(../img/cursors.png) no-repeat; 
background-position: -32px 0; 
width: 16px; 
height: 16px; 
}

Quelle

2014-03-13 Awena

Ich denke, es ist nicht möglich, Sprites als ein Cursorbild zu verwenden, nicht ganz sicher, tho. Gute Frage! – DanFromGermany

Ich dachte schon, ich bin nur neugierig .. konnte nichts auf Google finden .. – Awena

Es gibt nur eine Möglichkeit, Ihren Cursor zu einem Sprite, dass ich denke ... http://www.cursors-4u.com /cursor/2012/02/09/sprite-13.html – SW4

Obwohl die Cursor-Eigenschaft für x und y-Werte erlaubt, sie sind nicht für die Hintergrundposition verwendet, sondern für die Koordinaten des der Hotspot der Cursor

Dies ist Syntax für die Cursor-Eigenschaft: (siehe mozilla)

cursor: [<uri> [<x> <y>]?,]* keyword

zum Beispiel:

.foo { 
    cursor: auto; 
    cursor: url(cursor1.png) 4 12, auto; 
}

Das Beispiel wird den Hotspot eingestellt das Pixel bei (4,12) von dem oben links (0,0) zu sein.

Quelle

2014-03-13 13:08:34 Danield

css - Verwenden von Cursors Sprites

Antwort

Verwandte Themen