跨浏览器自定义光标样式 [英] Cross browser custom cursor style

问题描述

我通过img标签显示世界地图。我将图像映射与它关联以超链接一些区域。

现在显示用户，我想让光标变成放大镜形状。我浏览网页，发现在firefox和ie6-8中有效：

  #zoomregion：hover {cursor：url 'templates / test / styles / images / magnify.cur'），-moz-zoom-in; }不幸的是，opera，chrome和ie9忽略它，并显示默认（即：指针）。如何使用跨浏览器自定义光标图标？
解决方案
  http://beradrian.wordpress.com/2008/01/08/cross-browser-custom-css-cursors/ 应该可以帮助你。
 
I display a world map by an img tag. I associate an image map with it to hyperlink some regions. I overlay a bordered box div indicating a certain region can be clicked and zoomed.

Now to show the user it does this I want the cursor to change to a magnifying glass shape. I looked through the web and found something that works in firefox and ie6-8:
#zoomregion:hover { cursor: url('templates/test/styles/images/magnify.cur'), -moz-zoom-in; }
Unfortunately opera,chrome and ie9 ignore it and show the default (i.e.: pointer). How can I use cross browser custom cursor icons?
解决方案
http://beradrian.wordpress.com/2008/01/08/cross-browser-custom-css-cursors/ should help you in this.

                        
这篇关于跨浏览器自定义光标样式的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！