無法從圖像成功創建自定義光標

Question

以下是我的網站的層次結構。

我想設置paw.png作爲我的自定義光標。

這是我在main.css中定製遊標的代碼。

#body{ 
 
\t cursor: url('Images/paw.png'), auto; 
 
}

我不知道爲什麼它不工作，只顯示默認光標。如果有人能幫我解決這個問題，那將是非常棒的。

在此先感謝！

Answer 1

如果你打算到光標適用於您的整個頁面，你應該使用選擇body，不#body（這是一個ID選擇器）

body{ 
    cursor: url('Images/paw.png'), auto; 
} 

Answer 2

確保URL是正確的，你是選擇正確的元素，對於可以用作自定義光標的圖像的大小也有一些限制。

在Firefox中，例如，限制爲128×128像素（在Windows火狐3.6-3.6.6限制這32x32px。），所以，嘗試使用32x32px圖像是在安全區

瞭解更多信息：MDN

Answer 3

那麼假設你對body標籤的id="body"，還需要解決這應該是相對的CSS文件，而不是到根的URL。

#body{ 
    cursor: url('../Images/paw.png'), auto; 
}