放大镜 /飞涨/ 在图像上光标

当您将光标悬停在图像时，我正在寻找一种改变光标在放大镜上的解决方案 Fancybox.

怎么样 Pinterest, 当您将光标送到图像时 /使用 chrome/.

到目前为止，我有它没有跨浏览器支持。

.picture img {

 cursor:url//img/layout/backgrounds/moz-zoom.gif/, -moz-zoom-in;

}

有更好的方法可以接近这个问题吗？

已邀请:

3 个回复

赞同来自:

您可以使用：

.picture img{

 cursor: -moz-zoom-in; 

 cursor: -webkit-zoom-in; 

 cursor: zoom-in;

}

赞同来自:

为此，您需要使用光标文件

.cur

, 但不是

文件

.gif

, 所以它看起来像

.picture img {

 cursor:url//img/layout/backgrounds/zoom.cur/, -moz-zoom-in;

}

赞同来自:

根据
http://caniuse.com/#feat=css3-cursors-newer
, 相关浏览器现在都支持

cursor: zoom-in;

, 除了 IE, 当然。 IE 用法减少到 6.1% 在 w3schools... 时钟 a ' Ticking IE!

.picture img{

 cursor: zoom-in;

}

要回复问题请先登录或注册