独自のカーソルを使う

説明

IE6以上を使っている人はすでにお気づきだと思いますが、うちのサイトでは通常と違ったカーソルが使われています。 これはCSS2で拡張されたcursorプロパティを使うとできますが、何度か質問されたのでここにやり方を載っけておきます。

ソースコード

HEADに記述

解説・備考

  • 現在のところIE6以上でのみ有効
  • cursor:url(cur.ani),wait; とした場合、cur.ani を取得できなかった場合は wait を使わなければならないのですが、対応しているのはIE6のみ
  • IEではURL(URI)はCSSからのパスではなくHTMLからのパスを指定しないと適用されない(バグ?)。絶対パスを使うことを奨励。
  • IEで使える形式は .ani、.cur。
  • サーバーのMime-Typeを設定することが必要。それぞれ application/x-navi-animation、image/x-cur。