我试图使用svg图像作为光标悬停在某个div上但我不能让它工作.我读过它应该像添加这个一样简单：
cursor: url(http://elusivethemes.com/assets/down.svg),auto;
但它似乎不起作用.奇怪的是,如果我使用来自不同网址的不同svg图像,它会起作用.
有任何想法吗 ？
提前致谢.
解决方法
根据
Mozilla Developer Network
Starting with Gecko 2.0 (Firefox 4 / Thunderbird 3.3 / SeaMonkey 2.1),
Gecko also supports the SVG image format for cursors. However,the SVG
image must contain a length-valued (not percentage-valued) height and
width on its root SVG node. JavaScript,CSS animation,and declarative
SMIL inside an SVG image are ignored; you can’t use SVG to create an
animated cursor,for example.
因此,您应该在.svg文件中明确声明高度和宽度.
您提供的.svg没有声明维度,您可以看到：
<svg xmlns="http://www.w3.org/2000/svg" id="Capa_1" viewBox="0 0 320.995 320.995" x="0px" y="0px" height="200" xmlns:xml="http://www.w3.org/XML/1998/namespace" xml:space="preserve" viewBox="0 0 320.995 320.995" version="1.1">
