CSS3自定义光标
问题描述:
我无法为自己的网站制作自定义光标。以下CSS不起作用:CSS3自定义光标
.body {
cursor:url('http://4.bp.blogspot.com/_LQHm8-mbqNo/THeo64IPnkI/AAAAAAAAABU/N6OwdhNA0Gs/s320/cursor.png'), auto;
}
你知道为什么这可能是?提前致谢。
答
您需要改变图片尺寸。尝试宽度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>
请问您使用的图像源允许盗链? – Shaggy
尝试引用本地图像,这是否工作? –
您是在名为“body”的文档中定义了一个类,还是您的意思是使用“body {...}”而不是? – Rick