background-image

div.test { url("img/test.jpg");}
div.test1 { url('img/test.jpg');}
div.test2 { url(img/test.jpg);}

<p style="background-image: url(/dics/dictionary-css/img/sample_bg.png);">背景画像を指定しています。</p>

デスクトップ

Chrome

1 以降 ○

Firefox

1 以降 ○

Safari

1 以降 ○

Edge

12 以降 ○

全バージョンで対応しています

IE

11 ○

10 ○

9 ○

8 ○

7 ○

6 ○

Opera

3.5 以降 ○

2 以前 ×

モバイル

iOS Safari

1 以降 ○

Android Browser

4.4 以降 ○

3 以前 ×

Chrome Android

最新版 ○

デスクトップ版と同等の対応です

Firefox Android

最新版 ○

デスクトップ版と同等の対応です

※ バージョン情報は MDN に基づいています。

背景画像を指定できます。背景画像を設定しない場合は『none』と指定してください。

パスの記述方法は以下のどれでも構いません。

url("img/test.jpg");
url('img/test.jpg');
url(img/test.jpg);

ただし、ディレクトリ名やファイル名に半角スペースが含まれていたりする場合は『"』か『'』で括る必要がありますのでご注意下さい。

尚、Linux系のOSとunix系のOSではディレクトリ名やファイル名に半角スペースを含めることはNGです。半角スペースが含まれているディレクトリ名やファイル名は名前を変更してしまった方が無難です。
※『background-image』はこちらの記事でも詳しく解説しております。