パスはcssファイルを基準にしているはずですが、カーソルとして使用しようとしている画像の場合はそうではないようです。
ファイル構造は次のとおりです。
Content/Site.css
Content/images/butteryfly.ani
Content/images/user.png
Site.css:
.butterfly
{
cursor: url('images/butterfly.ani'), pointer;
}
/*this works*/
.ui-icon-user
{
background-image: url(images/user.png) !important;
background-position: 0 0;
}
次のように変更すると機能します。
.butterfly
{
cursor: url('Content/images/butterfly.ani'), pointer;
}
カーソルに対して相対URLが機能しないのはなぜですか?
編集: Chrome、Firefox、IE9では動作しません。すべてのブラウザで、カスタムカーソルの代わりにハンドカーソルが表示されます。
Edit2:フォローアップ:htmlページはさまざまなレベルにあるため、実際にこれを自分のサイトで機能させるにはどうすればよいですか?どういうわけかcssで相対URLを指定する方法はありますか、それとも各ページと同じレベルにカーソルのコピーを置く必要がありますか(これは最悪です!)?