【ローカル開発環境】background-image: image-url("hoge.png"); パス指定がシングルクォーテーションだと画像が表示されません。

Question

Rails初心者です。
タイトルにも書かせていただきましたが、 CSS/SCSS

background-image: image-url("hoge.png");

背景画像のパスを指定する際にシングルクォーテーションで囲うと表示されません。
ダブルクォーテーションの場合は表示されます。
自身で調べてみましたが、納得のいく答えが何一つ得られませんでした。

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

【追記】　ご指摘誠にありがとうございます。

動く場合のコード

background-image: image-url("hoge.png");

動かない時のコード

background-image: image-url('hoge.png');

ご指摘を受けアポストロフィとシングルクォーテーションを違えているのかと考えましたが、スッキリしません。
何卒よろしくお願いいたします。

Comments

[set0gut1]

動かない時のコードも貼ってください。シングルクオートっぽい別の文字だったってことはよくあります。

[g_lod2]

ご指摘いただきありがとうございます。質問の左方すらなっておりませんでした。申し訳ございませんでした。早速追記いたしました。よろしくお願いいたします。

Answer 1

background-image: url("hoge.png");

ではないのでしょうか？
この場合、シングルでもダブルでも、クォーテーションなしでもよいと思いますが

Comments

[g_lod2]

yambejpさんが仰るように

background-image: image-url('hoge.png');　

を

background-image: url('hoge.png');

に変更すると上手く表示されました。
シングルクォーテーションの打ち間違いかとも懸念しておりましたが、杞憂でした。しかしながら

image-url('hoge.png');

の場合ではシングルクォーテーションは機能しないことになりそうです。よくわかりませんが、1つ前進しました。感謝いたします。ありがとうございます。

[think49]

> background-image: image-url('hoge.png');
仕様にないのですが、image-urlはどこで得た情報ですか。
ダブルコーテーションなら動くということですが、複数のブラウザで動作しますか。
https://triple-underscore.github.io/css-backgrounds-ja.html#background-image