カーソルのカスタム画像を表示しています。私はmousedown上のカーソルイメージを交換するためにjQueryを使用していますが、カーソルのxとyプロパティをイメージの幅と高さに手動で設定して、イメージが下の登録ポイントから回転するように見せます画像の右。SafariでCSSのカーソル位置属性が機能しない
関連するCSSは次のとおりです。
#face-container {
cursor: url(../img/cursor_eel.png) 52 128, auto;
}
#face-container.punching {
cursor: url(../img/cursor_eel_rotated.png) 127 127, auto;
}
jQueryのは、マウスダウンの「パンチ」クラスを追加し、のmouseupでそれを削除します。
ChromeとFirefoxでは、これは期待どおりに動作します。画像はCSSで指定されたxとyの値だけシフトして表示され、mousedownではカーソル画像は右下の登録ポイントウナギの尾)。サファリ9.0.1(マックOS 10.10.5)で
、xとyの値を受け入れるようには見えないので、画像は、カーソル位置の左上に表示され、そしてmousedownでは、カーソルイメージは左上(ウナギの鼻)にある登録点を中心に回転しているように見えます。
私はSafariが指定されているカーソル画像の位置を移動させるとChromeのようにマウスダウン効果の仕事をするために取得できますか?
私のコンピュータのSafariで回転が正常に動作しているようです。私は、Safariのカーソルに関するいくつかの問題が、新しいタブを開くか、ブラウザを再起動して解決したと読んだ。いくつかの種類のいくつかのハングアップ.. – danjah
@ danjah新しいタブを開き、ブラウザを再起動しても私のために解決されませんでした。また、ChromeとSafariに表示されている結果を示すアニメーションで質問を更新しました。 –
ユニットの測定値を '52px 128px'と' 127px 127px'に追加してみてください。 – Vucko