CSSの背景の繰り返し

Question

繰り返すのではなく背景の画像を伸ばす方法はありますか？

Answer 1

（background-sizeプロパティがしかしあります。）クロスブラウザの互換性CSSのいずれかの種類を使用していない

これは特に、任意のブラウザに向けられている場合、それは可能かもしれません。それ以外の場合は、<img>を使用してそれを伸ばす必要があります。

body { 
    background-image: url(bg.jpg); 
    -moz-background-size: 100% 100%;  /* Gecko 1.9.2 (Firefox 3.6) */ 
    -o-background-size: 100% 100%;  /* Opera 9.5 */ 
    -webkit-background-size: 100% 100%; /* Safari 3.0 */ 
    -khtml-background-size: 100% 100%; /* Konqueror 3.5.4 */ 
} 

をそれ以外の場合は、<img>使用して：あなたは、画像を使用して、それを設定することができ

img#background { 
    /* height: 100%; Note: to keep ratio, don't use height */ 
    left: 0; 
    position: fixed; /* or absolute, if you like */ 
    top: 0; 
    z-index: -1; 
    width: 100%; 
} 

Answer 2

Only in CSS3

は、幅と高さにあります。ここ

あなたは、最近のブラウザでそれを行う方法です100％、絶対位置までの-1位置へのZ-インデックス。それはうまくいくかもしれない。

Answer 3

body 
{ 
background-image:url('smiley.gif'); 
background-repeat:no-repeat; 
background-attachment:fixed; 
background-position:center; 
} 

http://www.w3schools.com/css/css_background.asp

これは、あなたのイメージをstreachませんが、画像を繰り返さないようになります。

Answer 4

background-sizeはCSS3であり、まだサポートされていません。 あなたはこの記事を見ることができます：How Do you Stretch a Background Image in a Web Page

これが役に立ちます。