CSS 鼠标样式 cursor (手势) 详解

写于:2014/08/15
预计阅读时间:3 分钟

CSS中可以定义鼠标样式,具体为:

其他属性没什么疑问,这里主要说说自定义鼠标手势背景的:url,正确的用法为:

cursor:url(http://tangbc.com/static/zoom.cur),pointer;

其中有三点需要注意的:路径、后缀名和逗号。

一、路径。如果路径写成 url(bg/zoom.cur) 的话,只有最新主流浏览器(IE9等)可以识别,而IE8及以下浏览器不能识别,所以,为了兼容起见,路径统一用最完整的的为好,如 url(http://tangbc.com/static/zoom.cur);

二、后缀。虽然CSS2.0参考手册以及网上绝大部分资料说可以用 gif、jpg等格式图片,但是,又是IE8及以下浏览器不能识别除.cur图标以外的图片格式,所以为了兼容所有浏览器,最好做一张正规的.cur光标图片。

三,逗号。这回相反了,如果不加 ,ponter 最新主流浏览器(IE9等)反而无法识别,IE8及以下低版本浏览器不加 ,ponter  反而可以识别,所以,还是加上 ,ponter  为好。

综上,就是鼠标自定义背景手势的正确用法,一般用于图片的放大和缩小。

评论列表
sunny_zhou
信息还是搜集得挺详细的~!