【问题标题】:How to add a custom cursor in html / hta [duplicate]如何在html / hta中添加自定义光标[重复]
【发布时间】:2019-11-25 16:37:27
【问题描述】:

我正在为孩子们制作一个头像游戏,我想添加一个可爱的心形光标。光标的尺寸为 32x32。我正在用 HTA 做这个。我做过很多次自定义光标,所以我不明白为什么它现在不起作用。

body{
cursor:url('heartcursor.png'), auto;
}

如果有人可以帮助我,那就太好了!

【问题讨论】:

  • 检查图片文件是否在同一目录下。
  • 试试 ./heartcursor.png
  • MSHTA 使用 IE9 浏览器引擎,因此 this is relevant - ” .CUR 和 .ANI 类型的游标是唯一受支持的游标类型。”

标签: css internet-explorer hta


【解决方案1】:

我尝试参考文档,发现 Internet Explorer 只支持 .cur.ani 文件作为光标。

url(uri) :Internet Explorer 6 及更高版本。光标由 作者,使用自定义 URI,例如 url('mycursor.cur')。的光标 type .CUR 和 .ANI 是唯一支持的游标类型。

参考:

Cursor Property for IE browser

我用 .cur 文件进行了测试,它在 IE 上运行良好。

<!doctype html>
<html>
<head>
<style>
body{
cursor:url("arrow.cur"), auto;

}
</style>
</head>
<body>
sample page...<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
Footer
</body>
</html>

Cursor file downloaded from here.

IE 11 中的输出:

我还用 IE 文档模式 IE5、IE7、IE8、IE9、IE10、IE11 测试了这个示例。它可以正常工作。

【讨论】:

猜你喜欢
  • 1970-01-01
  • 2011-05-05
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2022-09-27
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多