Javascript 跨浏览器隐藏鼠标光标

Javascript 跨浏览器隐藏鼠标光标,javascript,html,css,Javascript,Html,Css,我想通过在鼠标光标经过div时隐藏鼠标光标来增强深度效果,是否有一种方法可以在所有浏览器中使用?您可以更改使用的光标类型(指针、帮助、十字线等),但要隐藏它。。。即使这在现代浏览器中是可能的,但较旧的浏览器将不支持这一点。我也无法想象你为什么要隐藏光标 编辑:在firefox中添加光标时:无对于body元素,它会隐藏光标,直到我浏览一个链接,这可能是一个开始。看起来像: /* css */ div { cursor: url(url/to/transparent.gif), auto;

我想通过在鼠标光标经过div时隐藏鼠标光标来增强深度效果,是否有一种方法可以在所有浏览器中使用?

您可以更改使用的光标类型(指针、帮助、十字线等),但要隐藏它。。。即使这在现代浏览器中是可能的,但较旧的浏览器将不支持这一点。我也无法想象你为什么要隐藏光标

编辑:在firefox中添加
光标时:无
对于body元素,它会隐藏光标,直到我浏览一个链接,这可能是一个开始。

看起来像:

/* css */
div {
    cursor: url(url/to/transparent.gif), auto;
}
该怎么做

divEl.style.cursor = 'url(path/to/transparent.gif), auto'; // javascript
但是隐藏光标可能会立即激怒访问者


附录:在我编写的示例中,您可能需要将.gif文件转换为.cur或.ani文件,以获得更好的浏览器支持。

使用完全透明的图片没有帮助。(它不允许您这样做
:(


您应该使用
1x1
1%透明图像,再加上
cursor:none

为什么不在光标更接近深域中心时减小光标的大小呢?

找到跨浏览器工作的东西是一件痛苦的事情

下面的代码适用于Chrome、IE和Firefox。 IE喜欢.cur文件,Chrome喜欢嵌入的png,而有些浏览器实际上不喜欢:)


我不得不说,当光标消失时,我非常痛恨它。我建议不要这样的计划。哈哈,是的,我知道你的意思,但这更多的是为了一个实验,嗯,是的,我知道改变它到不同的设置状态,但理想情况下我什么都不需要!我正在制作一个画布上的巨型图形演示,理想情况下需要鼠标消失,这样我就可以模拟它在玻璃下移动,所以实际上它不需要在老浏览器上受支持,想想它在Opera中能起作用吗?(手边没有,或者我自己也会试试。)手边也没有opera,在FF中工作,但在chrome中似乎没有。是的,隐藏它会很烦人-我正计划在画布上重新绘制它,但在awnser中提供的w3cschools链接下面模拟它:注意:Opera 9.3和Safari 3不支持URL值。这实际上是最好的回答+1.
#div {
    cursor: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAZdEVYdFNvZnR3YXJlAFBhaW50Lk5FVCB2My41LjbQg61aAAAADUlEQVQYV2P4//8/IwAI/QL/+TZZdwAAAABJRU5ErkJggg=='),
    url(images/blank.cur),
    none !important;
}