爲什麼我的自定義光標不工作？

我只是想讓光標成爲自定義圖像。我到處都遵循了所有指令，但它仍然無法工作：爲什麼我的自定義光標不工作？

CSS：

body, html { 
    margin: 0px; padding: 0px; 
    border: 1px solid red; 
    cursor: url(images/rsz_red_crosshair.gif), crosshair; 
}

的圖像是32×32。樣式錶鏈接正確，因爲邊框顯示。第二個選項（內置十字準線）工作正常。只是想知道我做錯了什麼，我相信這對其他人來說相當明顯。

來源

2014-10-10 Markus Hallcyon

我想你的圖像路徑不正確http://jsfiddle.net/victor_007/fL2qL4k2/它爲我工作 – 2014-10-10 15:27:16

圖像路徑改變你'URL（../圖像/ rsz_red_crosshair.gif）' – 2014-10-10 15:30:52

是的，這是正確的，我知道這是顯而易見的，即使我找了一個小時。非常感謝。 – 2014-10-10 17:21:38

你的風格語法是正確的，我自己實現它只是爲了確保。我會確認你的圖像的位置。

來源

2014-10-10 15:29:02 dhyppolite

非常感謝你，這就是問題所在！ – 2014-10-10 17:22:20

這個CSS應該可以解決你的問題。將URL包含在引號內，並確保路徑正確。

body { 
    margin: 0px; 
    padding: 0px; 
    width:100%; 
    cursor: url('http://icons.iconarchive.com/icons/hopstarter/plastic-mini/32/Cursor-icon.png'), auto; 
}

來源

2014-10-10 15:33:29 GibboK

爲什麼我的自定義光標不工作？

回答

相關問題