これ
background:url(http://url);
これ
background:url("http://url");
またはこれ
background:url('http://url');
CSS仕様によれば、3つの例すべてのURLビットは有効なCSSです。
仕様では、URL内の一部の文字を識別しますが、存在する場合はバックスラッシュでエスケープする必要がありますin an unquoted URI, such as parentheses, commas, white space characters, single quotes (') and double quotes (").
。このため、URLを一重引用符または二重引用符で囲む方がよい場合があります。
完全なCSSプロパティを次の形式で記述する必要があることに注意してください。
background: url( http://example.com );
どれも正しいとは思いません。次のいずれかである必要があります。
background: url(http://url)
background: url("http://url")
background: url('http://url')
中括弧の代わりにコロンに注意してください。
W3によると、それはあなたの選択です。
URI値の形式は、「url(」、オプションの空白、オプションの単一引用符(')または二重引用符( ")文字、URI自体、オプションの単一引用符(')または二重引用符です。 (")文字の後にオプションの空白が続き、その後に')'が続きます。2つの引用文字は同じである必要があります。
引用符なしのものを使用します。以前のブラウザで問題が発生する可能性が最も低いという Zeldman の記事を読んだことを覚えています。彼が言及したブラウザは、Netscape 2 か何かのような古いものだったと思います。今日では、どのスタイルを使用しても問題ありません。
引用されているものも引用されていないものも受け入れられるようです(http://www.w3.org/TR/css3-background/)
ただし、これらはドメイン外のリソースを参照している場合にのみ使用されます。
background: url(http://url)
background: url("http://url")
background: url('http://url')
同じドメインにいる場合: (前述のように、「HTTP://」は必要ありません)
background: url(/path/to/file)
background: url("/path/to/file")
background: url('/path/to/file')