1. ホーム
  2. css

[解決済み] CSS background-image - 正しい使い方は?

2022-04-28 06:42:19

質問

CSSのbackground-imageプロパティの正しい使い方を教えてください。 私が理解しようとしている重要な事柄は

  1. 引用符で囲む必要があるのでしょうか? background-image: url('images/slides/background.jpg');
  2. 相対パス(上記のように)でよいのか、完全なURLでなければならないのか?
  3. その他、標準規格に準拠したブラウザで正しく動作させるために注意すべき点があれば教えてください。

どのように解決するのですか?

パスはフルでも相対でも構いません(もちろん、画像が他のドメインから来たものであればフルでなければなりません)。

URIに引用符を使う必要はなく、どちらの構文でも構いません。

background-image: url(image.jpg);

または

background-image: url("image.jpg");

しかし W3 :

引用符で囲まれていないURIに含まれる一部の文字(括弧、空白文字、一重引用符(')、二重引用符("))は、URI値がURIトークンとなるようにバックスラッシュでエスケープする必要があります: '\(', '\)'.

そのため、このような場合は、引用符や二重引用符を使うか、文字をエスケープする必要があります。