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

だけでCSS3する

あなたが画像を使用し、それは100％、z屈折率の-1絶対に位置された幅と高さだ設定することができます。それは動作する可能性があります。

Answer 3

バックグラウンドサイズはCSS3で、まだサポートされていません。 どのように背景画像をストレッチでください：あなたはこの記事を見てみることができウェブページ

この情報がお役に立てば幸いです。

Answer 4

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ないだろうが、それは繰り返さない画像を行います。