标记为无效属性的自定义光标：url（/img/cursor.gif）

我正在尝试为我的网站创建一个小横幅，并且发现自己在尝试自定义光标时会丢失它。如果我使用一个内置的价值一样标记为无效属性的自定义光标：url（/img/cursor.gif）

cursor:waiting

它的工作原理，但如果我将其更改为

cursor: url(/img/cursor.gif)

它不工作了......我也试图用一个PNG图像和结果是一样的：只是默认光标.. 我也从w3school复制了属性，但仍然无法与我的CSS一起工作。（在w3school中它也可以与自定义图像一起工作）。在Chrome浏览器中，如果我检查该元素，css检查器会显示一个黄色三角形/！\，指出'cursor property：url'（/img/cursor.gif）'invalid property'。

该路径应该是正确的，我也复制了cursor.gif在CSS的同一文件夹中，仍然无法正常工作。问题在哪里？预先感谢大家！

来源

2013-04-06 fcole90

Tryed也改变路径URL（IMG/cursor.gif）。现在浏览器在检查器中加载gif，但仍然不起作用。 – fcole90 2013-04-06 10:20:40

我现在问自己，如果是浏览器支持的动画gif文件格式.. – fcole90 2013-04-06 10:41:17

@Ken经过多次黑客，我发现它的大小也是如此高显示。现在它可以工作，但它不是动画。搜索另一个文件格式是否可以解决，我发现[这个]（http://stackoverflow.com/questions/9189250/animated-cursor-support-in-web-applications）。这似乎是我的方式是无处.. – fcole90 2013-04-06 16:34:08

经过多次黑客攻击后，我发现该尺寸太高而无法显示。现在它的工作原理，但它不是动画..搜索如果另一种文件格式可以解决，我发现this。看来，我的方式是无处可去。

工作（但不是动画）代码是here。

HTML

<div id="amiciCuccioliAd"> 

    <img class="adTitle" src="http://www.sardegnaannunci.com/amiciCuccioliAd/img/adTitle.png"> 
    <img class="pets" src="http://www.sardegnaannunci.com/amiciCuccioliAd/img/pets.png"> 



</div>

CSS

#amiciCuccioliAd{ 
height:140px; 
width:250px; 
background-color:red; 
border:0px; 
padding:0px; 
margin:0px; 
cursor:url(http://www.sardegnaannunci.com/amiciCuccioliAd/cursor.gif), wait; 
} 

/*Questo è per cambiare il cursore sul #amiciCuccioliAd*/ 
#amiciCuccioliAd:hover { 
cursor:url(http://www.sardegnaannunci.com/amiciCuccioliAd/cursor.gif), wait; 
} 

/*Questo casino è per mettere un'immagine al centro!*/ 
#amiciCuccioliAd > .adTitle{ 
display:block; 
width:237px; 
height:35px; 
margin-left:auto; 
margin-right:auto; 
padding-top:5px; 
} 

#amiciCuccioliAd > .pets{ 
display:block; 
float:left; 
padding-left:4px; 
}

来源

2013-04-06 16:43:08 fcole90

也发现了这个[http://ye5.blogspot.it/2011/01/animated-mouse-cursor-on-mozilla.html](http： ye5.blogspot.it/2011/01/animated-mouse-cursor-on-mozilla.html） – fcole90 2013-04-06 17:20:53

您是否可以使用大尺寸的图像作为光标？看起来最大尺寸是32 * 32 – atif 2013-12-06 06:19:44

我与最好的解决方案有问题，我只是把它上传到图像主机，并使用该网址，而不是本地的。

来源

2013-04-06 10:29:47 str11

我也试过绝对路径没有结果.. – fcole90 2013-04-06 10:40:19

也托管的形象不适合我。似乎问题在于动画的gif .. – fcole90 2013-04-06 15:00:31

标记为无效属性的自定义光标：url（/img/cursor.gif）

回答

相关问题