有没有办法让Chrome显示SVG光标,就像在Safari中一样?

时间:2015-11-20 23:52:56

标签: css svg cross-browser compatibility

我在CSS中使用SVG文件作为鼠标指针。 Safari在其周围显示黑点的地方正确显示,就像制作得很差的透明GIF文物一样。

分别检查Safari和Chrome中的小提琴,你会看到我的意思。

.element {
   ... 
   cursor: url(http://wiki.ooo4kids.org/images/b/b3/Cursor-Hand.svg), e-resize;
   ...
}

http://jsfiddle.net/cdolek/nx6st28k/7/

有没有办法让它们看起来一样?

Gif animation

Mac OS X Yosemite 10.10.5(14F1021)

  • 左:Chrome版本46.0.2490.86(64位)
  • 右:Safari版 9.0.1(10601.2.7.2)

GIF网址:https://dl.dropboxusercontent.com/u/1324709/screencap.gif

1 个答案:

答案 0 :(得分:1)

看起来像Chrome 46中的错误

Chrome 45: Chrome 45

Chrome 46: enter image description here

Chrome 47: enter image description here