css - 使用游标 Sprite

Question

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

但是如果我的光标 (3) 都在一个 css sprite 图像中，我该如何引用光标属性的背景位置、宽度和高度值。

有点像

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

Answer 1

虽然光标属性允许 x 和 y 值，但它们不用于背景位置，而是用于光标热点的坐标

这是游标属性的语法:(参见 mozilla)

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

例如:

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

The example will set the hotspot to be the pixel at (4,12) from the top left (0,0).