CSS - 使用光標精靈

.fancybox-inner { 
overflow: hidden; 
background-color:#EEE; 
cursor: //url to an independent cursor image 
}

但是，如果我的光標（3）都聚集在一個css_sprite圖片，我怎麼可以參考背景位置，寬度，光標屬性的高度值。CSS - 使用光標精靈

像

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

來源

2014-03-13 Awena

我認爲它不可能使用精靈作爲光標圖像，不太確定壽。好問題！ – DanFromGermany

我以爲是這樣，我只是好奇......在Google上找不到任何東西.. – Awena

只有一種方法可以讓你的光標成爲我能想到的精靈... http://www.cursors-4u.com /cursor/2012/02/09/sprite-13.html – SW4

雖然光標屬性允許x和y的值，它們不用於背景的位置，而是爲光標的熱點

座標這是（參見mozilla）

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

例如：

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

的例子將設置熱點是在（4,12）從所述左上角（0,0）的像素。

來源

2014-03-13 13:08:34 Danield

CSS - 使用光標精靈

回答

相關問題