把鼠标指针换成自定义图片 傻瓜教程

参考:https://blog.csdn.net/lwy815379128/article/details/53983294


body{
cursor:url(“images/pikachu.png”),auto;
}

css:{cursor:url(‘绝对路径的图片(格式:cur,ico)’),-moz-zoom-out;}//FF下面
css:{cursor:url(‘绝对路径’),auto;}//IE,FF,chrome浏览器都可以

前面url是自定义鼠标格式,图像的绝对路径地址,后面的参数是css标准的cursor样式,(IE下面可以不需要)
图标的格式根据不同的浏览器来分:IE支持cur,ani,ico这三种格式,FF支持bmp,gif,jpg,cur,ico这几种格式,不支持ani格式,也不支持gif动画格式,因此来说一般将图片存为cur或ico格式比较好,如果是ani格式的话,那么可以在FF下面用jpg,gif,bmp来代替(cursor:url(…..ani),url(…..gif),auto)

还有几个需要注意的地方:1.图片地址为绝对路径,2.图片大小最好是32*32的大小

显示不出来可能的原因有(我遇到的):
1.浏览器,换google
2.图片大小,换成32像素*32像素

建议用 css:{cursor:url(‘绝对路径’),auto;}
ico格式的图像感觉必须是规则图像
用ps转ico格式,然后就把透明蒙版补齐了,变成小方块了。(当然可能是我操作那里出问题了)

  • 1
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值