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

参考: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格式,然后就把透明蒙版补齐了,变成小方块了。(当然可能是我操作那里出问题了)

你可能感兴趣的:(把鼠标指针换成自定义图片 傻瓜教程)