css - 使用游标精灵

Question

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

但是如果我的游标（3）在一个css sprite图像中都在一起，我怎么能引用游标属性的bac​​kground-position，width，height值呢。

类似

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

尽管cursor属性允许使用x和y值，但它们不用于背景位置，而是用于光标的热点

的坐标

这是cursor属性的语法:(参见mozilla）

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

例如：

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

  

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