css - 放大镜(缩放) 光标在图像上

Question

我正在寻找将鼠标悬停在 Fancybox 图像上时将光标更改为放大镜的解决方案。

就像在 Pinterest 上一样，当您将鼠标悬停在图片上时(使用 chrome)。

到目前为止我有这个没有跨浏览器支持。

.picture img {
    cursor:url(/img/layout/backgrounds/moz-zoom.gif), -moz-zoom-in;
}

有没有更好的方法来解决这个问题？

Answer 1

您可以使用:

.picture img{
    cursor: -moz-zoom-in; 
    cursor: -webkit-zoom-in; 
    cursor: zoom-in;
}