この画像をどこに配置するかについての説明を見つけました。}
しかし、探している "url"( ) をフォーマットまたは取得する方法がわかりません。別の場所に保存する必要がありますか、それとも画像を別の形式にする必要がありますか...
次の CSS を使用できます。
body {
background: transparent url(http://mydomain/content/image.jpg) no-repeat 0 0;
}
またはもちろん:
body {
background-image: url(content/content/image.jpg);
}
最初の例のようにURL を絶対にすることも、2 番目の例のように相対にすることもできます。相対パスを配置する場合、それは HTML ドキュメントではなく、スタイルシート定義に対して相対的であることに注意してください。ディレクトリの例:
- webroot
index.html
img/image.jpg
css/main.css
上記の定義をindex.htmlに入れると、URL は次のようになります。
url(img/image.jpg)
しかし、それをmain.css内に配置すると、
url(../img/image/jpg)
これに関する最後の考え:パスに空白/空白がある場合は、次のように URL を一重引用符または二重引用符で囲む必要があります。
url('image/my image.jpg')
http://example.com/xx.jpgなどの標準的な URL を使用するか 、ディレクトリ /images/xx.jpg から取得できます。探しているものはこれですか。
URL は、サイトのルートではなく、スタイルシートに対して相対的に配置します。たとえば、次の構造がある場合:
root
- images/
- image.gif
- css/
- styles.css
- index.html
あなたのURLパスはurl('../images/image.gif');
関係のないメモとして (先日これを見つけたという理由だけで)、.htc ファイルを使用している場合 (たとえば、IE の丸みを帯びた角の PIE.htc など)、ビヘイビアー URL はルートと相対的である必要があります。スタイルシートではありません。