CSS カーソル変更実験中につき・・・
カーソルに gif画像、 png画像を使った場合の実験中につき
ご覧になっているブラウザーによっては
おかしなカーソルになっていると思います
とか
こんなんになっているはずです・・・・
IE6 、Opera 8.5 ではカーソルに変化はありません
Firefox 、Google Chrome ではカーソルが代わっていると思います
macで見た場合どうなるのかがわかりません
macな方・・・ コメントいただけると助かります
実験が終了しましたら記事にアップしてカーソルは元に戻します
少しの間・・・ 使いにくいかとは思いますがヨロシクお願いします
++++++++++++++++++++++++++++++++
みなさまご協力ありがとうございました
決して私がやったわけではありません
以前よりgifやpng画像がカーソルとして一部のブラウザーでは使えることは知られていました
今回・・クロスカーソルのリクエストをいただいて記事にする上で・・・
ついでに紹介できるかなって思って実験させてもらいました
私自身知ってはいても実際に設定するのは初めてで・・・
はじめは変わらなかったのでデマだったのかと疑いましたが
下でも書いていますが最初の設定が使えなかった場合の,defaultをつけたら動作するようになりました
緑のは 透過gif画像で赤はpngの透過画像を使っています
普段は緑・・・リンクの上では赤になるはずです
ただ・・この形式の画像をカーソルとして使えるブラウザーは限られてしまいます
残念ですがIEは6も7も×
IEの場合はカーソル画像も変わらないばかりか・・普通?のカーソルもおかしなことに・・
win Operaは新しいバージョンでも×
win Safari は ○ですが・・チカチカしませんか?
win Sleipnir は ×
mac Firefox は ×
mac Safari は ○
やはりお勧め出来ないようですね
でもこの結果も記事には載せたいと思います
このカーソルは記事をアップするまではこのままにしておきます
一応・・・実験してみたい方は・・・お勧めしませんが実験としてなら・・・
body{
cursor: url(画像のURL),default;
}
a{
cursor: url(画像のURL),default;
}
defaultがついていないと動作しないと思います
画像を使えない場合はdefault・・・・
な、はずなんですが・・・IEではdefaultにならないような・・
画像は透過しているgifまたはpng画像を用意します
画像を作られる場合はカーソルのホットスポットは画像の左上になります