css - 使用游标精灵

Question

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

但是如果我的游标(3)都在一个css精灵图像中,我怎么能引用游标属性的背景位置,宽度,高度值.

就像是

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;
}

该示例将热点设置为距左上角 (0,0) 的 (4,12) 处的像素。