.zoom-in{
cursor: -moz-zoom-in;
cursor: -webkit-zoom-in;
cursor: zoom-in;
cursor: url(/static/img/zoom-in.cur);
}
就是放大镜与缩小镜的光标,我看知乎的图片是这样做的,不知道这个浏览器的兼容怎样呢?IE8支持吗?
刚才用ie11访问了下知乎,发现无法显示放大与缩小的光标,随后又访问了百度贴吧,发现百度贴吧的图片显示是正常的,贴吧的在后面多加了:pointer
cursor: url(/static/img/zoom-in.cur),pointer;
不知道这种情况又能兼容哪些浏览器呢?
zoom-in
的兼容性可查看:http://caniuse.com/#feat=css3-cursors-newer默认
zoom-in
是不支持 IE 系的,不过最后有一个url(/static/img/zoom-in.cur)
做兼容,所以 IE 下这个代码是没问题的。关于百度和知乎写法的问题请参阅:https://developer.mozilla.org/zh-CN/docs/Web/CSS/cursor/url
ps. 请善用搜索啊……