2016-06-07 103 views
0

我无法为自己的网站制作自定义光标。以下CSS不起作用:CSS3自定义光标

.body { 
    cursor:url('http://4.bp.blogspot.com/_LQHm8-mbqNo/THeo64IPnkI/AAAAAAAAABU/N6OwdhNA0Gs/s320/cursor.png'), auto; 
} 

你知道为什么这可能是?提前致谢。

+0

请问您使用的图像源允许盗链? – Shaggy

+1

尝试引用本地图像,这是否工作? –

+0

您是在名为“body”的文档中定义了一个类,还是您的意思是使用“body {...}”而不是? – Rick

回答

2

您需要改变图片尺寸。尝试宽度20px和高度30px。在这里你可以做到http://picresize.com/edit,然后把图像放在()像(image.png)中,并且它是完整的。

body { 
 
    cursor: url(http://ani.cursors-4u.net/anime/images13/ani1229.png), auto; 
 
}
<body> 
 
<h1>Hello!</h1> 
 
<p>There are new cursor.</p> 
 
</body>