【发布时间】:2014-05-02 22:12:20
【问题描述】:
在我的一个项目中,我将浏览器中的默认光标替换为 SVG 光标。我通过 jQuery 附加这个 SVG 光标。这工作正常,但我想在光标悬停在链接上时更改光标,而现在,我尝试过的任何方法都没有奏效。
我认为这是因为即使光标的位置固定且 z-index 值很高,但它无法分辨出它悬停在什么上面,因为从技术上讲它位于内容下方。
有人有建议吗?
编辑:在我发布这个问题并在 cmets 中包含 JS Fiddle 之后,我更改了代码以使光标出现在内容之前。但是,问题仍然存在。
【问题讨论】:
-
您确定 SVG 位于 DOM 的顶部吗?
-
首先,我到底为什么被否决了?其次,无论 SVG 是附加还是前置,我都会遇到同样的问题。
-
你能发布你的 HTML 和 JS 的 sn-p 吗?
-
当然@A1rPun:jsfiddle.net/65yWk
-
悬停事件似乎没有触发。快速的谷歌搜索没有给出任何明显的线索来说明为什么会这样,但这是一个使用鼠标悬停/鼠标输出的简单版本,可以满足您的要求:jsfiddle.net/qjA55
标签: javascript jquery css svg