html - 背景画像が伸びない

Question

ページの一部の HTML で背景画像を引き伸ばす方法を探しているこのコードを受け取りましたが、機能しません。私は何を間違っていますか？

< style type="text/css">


<!--
body {
    background-image: url(at4.jpg);
    background-repeat: no-repeat;
    height: 100%;
         width: 100%;

 }
 -->
 </style>

Answer 1

使用するbackground-size: 100%;

これにより、背景画像が引き伸ばされます。

ワーキングデモ

コード：

body {
    background-image: url(http://www.google.co.in/images/srpr/logo4w.png);
    background-repeat: no-repeat;
    height: 100%;
    width: 100%;
    background-size: 100%;

 }

お役に立てれば。

Answer 2

（CSS3）を使用できます：

background-size:cover(切り取ります) またはbackground-size: 100%;(引き伸ばします)

クロスブラウザー ソリューション (< IE9)

http://jsfiddle.net/4gBXS/

#background {
    width: 100%; 
    height: 100%; 
    left: 0px; 
    top: 0px; 
}

.stretch {
    width:100%;
    height:100%;
}

Answer 3

CSS3 では、 background-size を設定できます:

body {
   background-size: 100%; 
}

Chrome >= 3.0、Firefox >= 3.6、IE >= 9.0、および Opera >= 10 で動作します。

JSFiddleプロパティの例を次に示します。