カーソルのURLはcssファイルに相対的ですか？

Question

私はパスがcssファイルに相対的であると思われますが、カーソルとして使用しようとしている画像ではそうではないようです。

ファイル構造は次のとおりです。

Content/Site.css 
Content/images/butteryfly.ani 
Content/images/user.png 

Site.css：

.butterfly 
{  
cursor: url('Content/images/butterfly.ani'), pointer;  
} 

ないのはなぜ相対URLの作業：それは私がそれを変更した場合に動作

.butterfly 
{  
cursor: url('images/butterfly.ani'), pointer;  
} 

/*this works*/ 
.ui-icon-user 
{ 
    background-image: url(images/user.png) !important; 
    background-position: 0 0; 
} 

カーソルのために？

編集： Chrome、Firefox、IE9では動作しません。すべてのブラウザで、カスタムカーソルの代わりにハンドカーソルが表示されます。

編集2：フォローアップ：実際に私のサイトでこれを動作させるにはどうすればよいですか？htmlページはさまざまなレベルにありますか？どういうわけかcssで相対URLを指定する方法はありますか？それとも、各ページと同じレベルのカーソルをコピーするだけですか？

Answer 1

IEとFFの両方で機能するには、.cur拡張子を使用する必要があります。 IE11以前では、カーソルファイルのURLは、CSSファイルではなく、ページとの相対的なものです。

cursor: url('http://example.com/Content/images/butteryfly.cur'), default; 

2つのURL値を使用しないようにしてください。これにより、IEによってサーバーに不当なヒットが発生します。代わりに、IE、FF、Chromeで正常に動作する絶対URLを使用してください。 Operaはデフォルトを使用します。

Answer 2

Internet ExplorerがHTMLドキュメントに相対的な相対URLを解釈するのはわかっていますが、最新のブラウザ（Mozilla Firefox、Google Chrome）では相対URLが ".css"に相対的であると解釈されます。

/* 
The CUR and CSS files are in the same folder, the HTML is in a directory above this CSS  file 
*/ 

#example { 
    cursor: url('arrow.cur'),   /* Modern browsers */ 
      url('style/arrow.cur'),  /* Internet Explorer */ 
      default; 
}  

Answer 3

この短い記事を読むことをお勧めします。 http://blog.stchur.com/2006/11/02/ie-bug-dealing-with-css-custom-cusors/

IEのバグには3つの回避策があります。IEでは、カスタムカーソルURLを相対的なものとして解釈しません。 URLの他のタイプのタグの間にHTMLページに

1. 使用絶対パスをIEで正しくジョンC.
によって提供される解決策と同様
2. 使用IEの条件付きコメントは、
3. 移動カーソルスタイルを解釈され