css顯示無效屬性值的自定義光標

我試圖在我的<body>標記上創建自定義光標圖像。它不起作用，Mozilla顯示無效的屬性值。但我不能修復這個請我的CSS：css顯示無效屬性值的自定義光標

body { 
height : 100%; 
box-sizing : border-box; 
background : transparent; 
margin : 0; 
padding : 0; 
cursor: url(icons/cursoricon.png), auto; 
}

A screenshot here

謝謝！

來源

2017-08-28 Hobo

它工作嗎？參見[W3Schools的（https://www.w3schools.com/cssref/playit.asp?filename=playcss_cursor&preval=url（smiley.gif），網址（myBall.cur），自動）具有相同的「問題」。 –

這裏它工作我檢查了它。 – Hobo

嘗試將您的第二個參數從自動更改爲指針，並嘗試調整圖像大小。我認爲光標的最大大小應該是32x32px左右 – JavaEvgen

你見過this question and answer？根據the Mozilla guide，似乎更改爲以下代碼可能會解決您的問題。

cursor: url(icons/cursoricon.png) 2 2, auto;

*其中2是可選的X和Y座標。不知道爲什麼它解決了這個人的問題，因爲它似乎參數是可選的，但值得嘗試。

來源

2017-08-28 05:43:39

你好我檢查這一點，也嘗試但不工作檢查此圖像[鏈接]（http://imgur.com/a/7HHxO） – Hobo

你能嘗試在其他瀏覽器如Chrome，看看會發生什麼？如果這不起作用，您能否澄清您的URL是否正確添加？查閱本指南並嘗試與URL替換當前的URL（https://images.vexels.com/media/users/3/131776/isolated/lists/f23a086a9cb2698654d0bc143ec2f83b-pixilated-hourglass-mouse-cursor.png）或任何其他在線圖片，看看你的路徑是否正確。也許網址（./圖標/ cursoricon.png）？ https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_User_Interface/Using_URL_values_for_the_cursor_property –

感謝您的建議，但它仍然沒有工作。它的工作對[W3C（https://www.w3schools.com/cssref/playit.asp?filename=playcss_cursor&preval=url（smiley.gif），網址（myBall.cur），自動），但如何？ – Hobo

css顯示無效屬性值的自定義光標

回答

相關問題