我用img标签显示世界地图。我将图像映射与它相关联以超链接某些区域。我覆盖了一个有边框的div，表示可以点击和缩放某个区域。
现在向用户显示它这样做我希望光标变为放大镜形状。我浏览了网页，发现了一些在Firefox和ie6-8中运行的东西：
#zoomregion:hover { cursor: url('templates/test/styles/images/magnify.cur'), -moz-zoom-in; }
不幸的是，opera，chrome和ie9忽略它并显示默认值（即：指针）。如何使用跨浏览器自定义光标图标？
答案 0 :(得分：0)
-moz-的{{1}}部分仅表示它只适用于Mozilla，要使其跨浏览器，您需要使用相同ID标记css中的所有标记：
-moz-zoom-in; #zoomregion:hover {
cursor: url('templates/test/styles/images/magnify.cur');
-webkit-zoom-in;
-moz-zoom-in;
-ie-zoom-in;
-ms-zoom-in;
-o-zoom-in;
}
占据了很多浏览器，包括移动版（对于这种用途，它可能不需要），这非常有用并且缩短了很多东西。