2016-06-07 204 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>