Safariのカスタムカーソルが機能しない

多くのホットスポットがあるイメージマップ用のカスタムカーソルがあります。私のカーソルはFirefoxとInternet Explorerではうまく動作しますが、Safariはデフォルトのものを返します。Safariのカスタムカーソルが機能しない

他のウェブサイトにあるコードを使用しました。私のディレクトリ構造は次のとおりです。

のindex.php> CSS /のmain.css> CSS /画像/

ここ

は私の実装ですpencil.cur（、私は通常のと両方に同じカスタムカーソルを必要としますのでご注意ください：ホバーと：訪問した状態：？

#gameScreen area, #gameScreen .wrapper, #gameScreen .wrapper a:hover, #gameScreen .wrapper a:visited { 
    cursor: url("images/rcspencil.cur"),url("css/images/rcspencil.cur"),default; 
}

任意のアイデア

出典

2011-11-11 mauzilla

は、ここで私は考えることができるほとんどのブラウザと互換性のある構文ですあり、ブラウザのハッキングとのより良い1かもしれませんが、私はそれを無視するだろう。

cursor: url(cursor.cur),url(cursor/cursor.cur),default;

見積もりでは動作しないとは思っていませんでしたが、それを使わずに試してみてください。私が考えることができる唯一の他のものは、セレクタが間違っているということです。リストに載っているセレクタには、ホバリングしているものは含まれていません。

出典

2011-11-11 07:41:11 alt

私は（各可能なセレクタを確実に含めるために）コードを変更しましたが、Safariでは同じ問題が残っています。 Chromeでは、カーソルはホバー状態以外で機能します。これはイライラしている!!!! #gameScreen .wrapper、#gameScreen .wrapper a：ホバー、#gameScreen img { カーソル：url（cursor/cursor.cur）、url（cursor.cur）、default; } #gameImg、#gameImg領域、#gameImg領域、#gameImg領域：ホバー#gameImg、#gameImg：ホバー{ カーソル：URL（カーソル/ cursor.cur）、URL（cursor.cur ）、デフォルト; } – mauzilla

アイコンのサイズを変更するだけで修正しました。 Webkitブラウザには50px x 50px未満のアイコンが必要で、68x68pxを40x40pxにリサイズし、Jackson Garietyが提供するCSSで動作します。 – mauzilla

@MauritzSwanepoel Safari（5.1.7、Snow Leopard 10.6）を見つけました。 8）は、64x64pxカスタムURLカーソルを処理できます。また、引用符を付ける（私にとっては）物事を壊すことはありませんが、他のCSSイメージ同様、実際には必要ありません。 –

Safariのカスタムカーソルが機能しない

答えて

関連する問題