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