cssからのファイル参照

質問

いつもお世話になります。
cssからのファイル参照についてです。
画像ファイルなどは、
http://oshiete1.goo.ne.jp/qa2965601.html
にも記載されているように
＞CSSファイルがある階層からのパスです。
＞HTMLファイルがある階層からのパスではないです。
と、いうことですが、
カーソルの場合
cursor: url(aaa.cur)
この、
aaa.cur ファイルは、
*.htmlファイルがある階層からのパスとなるのでしょうか。

また、もし、そうなら
*.html ファイルの位置によりcssを切り替えるか、
*.html ファイルに毎回記載することになると思うのですが、
めんどうなこととなります。
*.cssファイルに独自カーソルの参照フォルダを設定することなどできないものでしょうか。

よろしくお願いいたします。

回答No.3

steel_gray · ベストアンサー

#2です。
IE7で試してみると確かにHTMLからの相対パスにしておかないとダメみたいですね。IEのバグでしょう。
(FirefoxやSafariでは仕様どおりCSSファイルからの相対でOK)

cursor:url(～),pointer;
みたいに普通に書けば二つ目のキーワードが採用されますので、IEユーザーにはキーワード指定のカーソルを見せるか、
htmlとcssファイルを同じ場所に置く、
カーソルファイルのパスの指定を相対ではなくhttpから書く、
などの対処が考えられます。

お礼

steel_grayさん、今晩は。
わざわざ調べていただきありがとうございます。
>(FirefoxやSafariでは仕様どおりCSSファイルからの相対でOK)
そうですか。
>カーソルファイルのパスの指定を相対ではなくhttpから書く、
そうですね。絶対パスで指定するのが無難でしょうか。
どうもありがとうございました。

回答No.2

steel_gray

#1さんと同じく。CSSファイルからの相対パスにしておけば大丈夫です。

なお、FirefoxやSafariでも実装してます。
ただし、Firefoxでは解釈が厳密でキーワードによる指定も行われていないとパースエラーとなって無視されます。
http://f57.aaa.livedoor.jp/~motohiko/CSS/NewInFx1.5.html#property-cursor

補足

steel_grayさん、レスありがとうございます。
貴重なページの紹介ありがとうございます。
ゆっくり拝見させていただきます。

回答No.1

dezimac

基本的な考え方は同じです。
相対パスで指定する場合は、そのファイルから見て何処にあるかを指定して下さい。
背景画像だろうが、カーソルファイルだろうが同じです。そのCSSから見て何処にあるかを指定して下さい。

尚、マウスカーソルの画像はIE6以降で勝手に追加された機能で、他のブラウザでは普通のカーソルになります。
マウスカーソルを変更するはお勧めしません。いきなり普段と違うカーソルが表示されると、見失いやすかったり戸惑ったりします。

補足

dezimacさん、早速レスありがとうございます。
＞背景画像だろうが、カーソルファイルだろうが同じです。そのCSSから見て何処にあるかを指定して下さい。
と、いうことですが、どうもそうならないもので質問させていただきました。
画像ファイルは、cssからの相対パスで動きますが、
カーソルファイルはhtmlファイルからの相対パスでないとダメなのですが、
画像ファイル、カーソルファイルで、チェックしているので、間違いないと思うのですが。