CSS カーソル変更実験中につき・・・ | アメブロ向上企画書ーCSSでカスタマイズ、オリジナルなスキンに挑戦!

CSS カーソル変更実験中につき・・・

カーソルに gif画像、 png画像を使った場合の実験中につき

ご覧になっているブラウザーによっては

おかしなカーソルになっていると思います



アメブロ向上企画書ーCSSでカスタマイズ、オリジナルなスキンに挑戦!-gif透過    とか   アメブロ向上企画書ーCSSでカスタマイズ、オリジナルなスキンに挑戦!-p8透過    こんなんになっているはずです・・・・


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画像を用意します

画像を作られる場合はカーソルのホットスポットは画像の左上になります