CSS定義光標不工作FF /鉻

我嘗試使用下面的圖片來創建自定義光標：CSS定義光標不工作FF /鉻

http://anuary.com/dev/hp/pad3/public/images/hand-cursor.png

圖像尺寸必須保留。我試過簡單地使用body { cursor: url('http://anuary.com/dev/hp/pad3/public/images/hand-cursor.png'); }，儘管這在FF/Chrome中不起作用。（甚至沒有檢查其他瀏覽器）

什麼是它不工作的原因嗎？

來源

2011-07-08 Gajus

的問題有很大的參考並不僅僅與缺乏第二個參數你的CSS代碼，但與圖像文件。

如果你簡單地調整，使其體積更小（我試過32PX用於測試目的），它就像一個魅力。

您還可能希望「指針」，而不是汽車，圖像的外觀判斷;

cursor: url('http://anuary.com/dev/hp/pad3/public/images/hand-cursor.png'), pointer;

編輯：現在我知道你想保持一定的尺寸，但它只是將無法正常工作。看到https://developer.mozilla.org/en/Using_URL_values_for_the_cursor_property對我應該提到更多信息

來源

2011-07-08 11:47:03 xec

「在Gecko（Firefox）中，光標大小限制爲128×128像素，較大的光標圖像將被忽略。」（https://developer.mozilla.org/en/Using_URL_values_for_the_cursor_property） – Gajus

怪異模式規定的限制爲32×32，並認爲這是一個Windows的限制，而不是瀏覽器的限制。 – Spudley

'NAME = 「」 && EXT = 「」 && sudo易於得到安裝ImageMagick的轉換&& 「$名」。「$轉」調整大小32X 「$名」 - 小「$分機」' –

火狐需要第二個非URL參數如

cursor: url('http://anuary.com/dev/hp/pad3/public/images/hand-cursor.png'), auto;

有一個在怪異模式CSS2 - Cursor Styles

來源

2011-07-08 11:32:23 detaylor

，但我已經試過了，以及和它不工作。演示http://anuary.com/dev/hp/pad3/。 – Gajus

您正在使用哪個版本的FireFox？它適用於我 - 假設你將鼠標懸停在黑匣子上時應該看到一隻巨大的手。 Quirksmode文章提到圖像應該小於32x32像素，這在演示中似乎不是。 – detaylor

@Guy：在FF5中正常工作;在Opera 11或IE8中不起作用（我得到了普通的「指針」光標）。請注意，鼠標位置位於光標座標（0,0）處 - 即「食指」左側的幾十個像素;除非您的點擊目標與光標大小相稱，否則這會讓您的用戶錯誤很多（「那個手指指向*那裏，但是它在那裏點擊*，是我的鼠標斷了嗎？」）。 – Piskvor

CSS定義光標不工作FF /鉻

回答

相關問題