[CSS]サイズが不明なボックスいっぱいに背景画像を表示するスタイルシート

一枚の画像で、サイズ指定があるものやないものなど異なるサイズのボックスいっぱいに背景を表示するスタイルシートを紹介します。 CSS3 Background Images - 100% width/height of container デモ 上記三つのデモは上から順に、 widthとheightの指定あり width指定ありheight指定なし widthとheightの指定なし となっており、同じ背景画像を使用してボックスいっぱいに表示しています。 背景には下記の画像を使用されています。

[Qooly]

box

[nors]

http://www.cssplay.co.uk/boxes/css3-background.html

[mifio]

サイズが不明なボックスいっぱいに背景画像を表示するスタイルシート　全面に伸縮する背景画像は使えそう

[yuenana]

CSS3か……もう、ねえ、IE6は無視しても許されますかね、そろそろね……。

[kkeisuke]

CSS3 background-size

[dazed]

background-size: 100% 100%, auto;

[Donca]

✔ [CSS]サイズが不明なボックスいっぱいに背景画像を表示するスタイルシート