使用纯CSS3相对于光标定位元素

时间:2013-07-05 07:17:43

标签: css css3 hover sass

如何使用CSS 3相对于鼠标位置定位元素(例如不适合cursor属性的复杂光标)?

我知道如何使用JavaScript执行此操作,但它看起来太不连贯;我宁愿使用CSS并在缺少支持时回退到jQuery。 (当我直接使用元素并绕过jQuery时,事件太慢了。)

如果需要,可以使用JavaScript进行准备等。虽然在主体上不是优选的,但只要每次鼠标移动时它都不负责更新元素,JavaScript就是可以接受的。

我请求不要用答案来解释为什么无法实现这一点,因为CSS正在迅速发展,解决这个问题的未来潜力可能会发生变化。随意在评论中推测你想要的一切。

我正在使用带有Compass和jQuery的Sass(SCSS)以及我自己的JavaScript框架。

1 个答案:

答案 0 :(得分:0)

截至今天,CSS不支持相对于鼠标指针的定位元素。

因此,如果您对cursor: url('pointer.cur')不满意(感谢@ ilya-streltsyn),那么JavaScript是您唯一的解决方案。

或者你可能不应该首先这样做。当SWF使用自定义光标时,这让我很烦恼。