当前位置: 首页 > 面试题库 >

CSS自定义光标在FF / Chrome中不起作用

葛承教
2023-03-14
问题内容

我正在尝试使用以下图像创建自定义光标:

http://anuary.com/dev/hp/pad3/public/images/hand-cursor.png

图像尺寸必须保留。我尝试过使用body { cursor: url('http://anuary.com/dev/hp/pad3/public/images/hand-cursor.png'); },尽管在FF /
Chrome中不起作用。(甚至不检查其他浏览器)

它不起作用的原因是什么?


问题答案:

问题不仅仅在于您的css代码缺少第二个参数,还在于图像文件。

如果您只是简单地调整大小,请使其变小(我出于测试目的尝试使用32px),它的工作原理就像是一种魅力。

从图像的外观来看,您可能还需要“指针”而不是自动指针。

cursor: url('http://anuary.com/dev/hp/pad3/public/images/hand-cursor.png'), pointer;

编辑
:我意识到现在您想保持大小,但是它根本无法正常工作。



 类似资料:
  • 问题内容: 我有许多heroshot图像,单击它们时会弹出模式弹出窗口。我试图使光标在图像上移动时变成放大镜。即使我的位置正确,以下CSS也似乎无法正常工作。 有没有人做过类似的事情?我不介意一个JavaScript解决方案(如果存在)。 编辑 :它可以在Safari中,但不能在Firefox中使用。 问题答案: 您的问题可能是光标URL在Mac的Firefox中不起作用。 通过使用关键字,可以在

  • 问题内容: CSS定制游标可以使用外部图像URL吗?以下示例不起作用: HTML: CSS: 问题答案: 由于您的图片太大,因此无法正常工作-图片尺寸受到限制。例如,在Firefox中,大小限制为128x128px。。 此外,您还必须添加。

  • 我在Angular中有一个自定义验证的表单构建器,但我在自定义验证中读取文件后无法获取文件的类型。 下面是StackBlitz: https://stackblitz.com/edit/Angular-ivy-atwqqc?file=src%2fapp%2fapp.component.ts TS文件

  • 问题内容: 我正在构建一个实现HTML5音频标签的音乐播放器Web应用程序,但是希望它在所有浏览器中看起来都一样-是否可以定义我自己的自定义CSS?如何? 问题答案: 当前尚无使用CSS设置HTML5 播放器样式的方法。相反,您可以不使用该属性,而使用Javascript实现自己的控件。如果您不想自己全部实现它们,建议您使用现有的主题化HTML5音频播放器

  • 问题内容: 我正在尝试在javaFX中创建自定义光标。这是我的代码: Windows 8.1的游标创建无效吗? 问题答案: 检出ImageCursor.getBestSize()方法和ImageCursor.getMaximumColors()并查看它们返回的内容,然后尝试匹配最佳大小和最大颜色的自定义光标图像。对于Windows 8.1,这很可能是32x32的光标。 这是来自javadoc 的引

  • 问题内容: 我注意到less.js在firefox中工作,但在Chrome中不工作,或者是因为我出错了吗? 即使我尝试在Chrome中仍然无法使用,我在某个地方犯了错误吗? 问题答案: 通过您提供的链接: 如果您使用的是Chrome,Less.js浏览器脚本当前将无法使用,并且由于已知的Chrome问题,网页的路径以“file:///”开头。