カスタムURLを持つカーソルプロパティがChromeで正しく表示されない

Question

URLで指定されたカスタムイメージでCSS cursorプロパティを使用しています。

ただし、これをChromeで実行すると、カーソルイメージの周囲に白い点が表示されます。

下記の画像を見ると、Google Chromeで問題が確認できます。

これは、他のブラウザでは発生しません。 Firefoxなど：ここ

使用しているカーソルの画像へのリンクです： http://imgur.com/a/dooCC

私は問題は半透明性は、画像に使用されていることだろうと当初考えていました。しかし、画像には半透明性が全くありません。

ここでは何が起こっているのですか。これについてはどうすれば修正できますか？

ありがとうございました。

Answer 1

Mac OS X 10.11でChrome 52.0を使用してこの例を再現しようとしましたが、白いエッジがギザギザに見えません。このスニペットは、あなたのためにギザギザの白いエッジを表示しますか？

.cursor-test { 
 
    height: 200px; 
 
    width: 100%; 
 
} 
 

 
#cursor-test-1 { 
 
    background-color: red; 
 
    cursor: url('http://i.imgur.com/jaYSPxo.png'), auto; 
 
} 
 

 
#cursor-test-2 { 
 
    background-color: blue; 
 
    cursor: url('http://i.imgur.com/aFU13SN.png'), auto; 
 
}

<div id="cursor-test-1" class="cursor-test"></div> 
 
<div id="cursor-test-2" class="cursor-test"></div>

アップデート：ここではそれは私のためにどのように見えるかのアニメーションGIFのスクリーンショットです。私は通常のスクリーンショットをキャプチャしようとしましたが、OS XはスクリーンショットでカスタムCSSカーソルを隠しているようです。