web-dev-qa-db-ja.com

CSS:画像を100%幅に拡大

こんにちはすべて私は幅に合うように私の側の背景を伸ばしようとしています。私はインターネットで大きな回避策を見つけただけです。これに対する単一のコマンドはありませんか?

body {
    background-image: url(money.jpg); 
}

答えてくれてありがとう。ドゥーノット

13
nimrod

以下で使用するような background-size を使用します。

body {
  background-image: url(money.jpg) no-repeat;
  background-size: 100%;
}  

いくつかの便利なリンク:

35
sgokhales

CSS3ブラウザーを使用している場合は、background-sizebackground-sizeの詳細を読む )を使用できます。

body {
    background-image: url(money.jpg); 
    background-size: 100%;
}

残念ながら、これはIE 6-8。IE 9、Firefox、Chrome、Safariでは正常に機能します。

6
Keltex