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

标签 css hover sass

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

我知道如何用 JavaScript 做到这一点,但它看起来太不稳定了;我宁愿使用 CSS,在缺乏支持时回退到 jQuery。 (事件当我直接使用元素并绕过 jQuery 时,它太慢了。)

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

我恳请不要使用答案来解释为什么无法实现,因为 CSS 正在迅速发展,并且解决此问题的 future 潜力可能会改变。随意在评论中推测你想要的一切。

我将 Sass (SCSS) 与 Compass 和 jQuery 以及我自己的 JavaScript 框架一起使用。

最佳答案

截至目前,CSS 不支持相对于鼠标指针定位元素。

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

或者也许您一开始就不应该这样做。当 SWF 使用自定义光标时,这让我非常害怕。

关于css - 使用纯 CSS3 相对于光标定位元素,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/17483191/

相关文章:

jquery - 我怎样才能得到 "view more"div 标签链接到不同的链接一个 Jquery 调出菜单链接

css - 如何使用 Bootstrap 网格在整个页面宽度上插入背景图像?

css - 在 SCSS 中覆盖用于打印的变量

css - CSS 自定义属性是否可以包含多个要引用的值?

javascript - 弹出 :hover cannot be dismissed with blur()

javascript - 使绝对菜单响应大小变化

javascript - jquery 和样式属性

javascript - 更改与其 slideDown 和 slideUp 状态相关的导航栏颜色

html - 不好解释,模仿这个链接栏悬停效果

CSS :hover height change not working