[解決済み] CSSカスタムカーソルに外部画像を使用する

質問

CSSカスタムカーソルに外部画像URLを使用することは可能でしょうか？以下の例ではうまくいきません。

HTMLです。

<div class="test">TEST</div>

CSSです。

.test {
  background:gray;
  width:200px;
  height:200px;
  cursor:url('http://upload.wikimedia.org/wikipedia/commons/d/de/POL_apple.jpg');
}

フィドル http://jsfiddle.net/wNKcU/4/

解決方法は？

画像が大きすぎるため、動作しませんでした。画像のサイズには制限があります。例えば、Firefoxでは、128x128pxがサイズ制限です。参照 このページ をご覧ください。

さらに auto .

jsFiddleのデモはこちら - は実際の画像であり、デフォルトのカーソルではないことに注意してください。

.test {
  background:gray;
  width:200px;
  height:200px;
  cursor:url(http://www.javascriptkit.com/dhtmltutors/cursor-hand.gif), auto;
}

<div class="test">TEST</div>