質問
背景画像ストレッチを作るのではなくリピートする方法はありますか?
解決
(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%;
}
他のヒント
あなたが画像を使用し、それは100%、z屈折率の-1絶対に位置された幅と高さだ設定することができます。それは動作する可能性があります。
バックグラウンドサイズはCSS3で、まだサポートされていません。 どのように背景画像をストレッチでください:あなたはこの記事を見てみることができウェブページ
この情報がお役に立てば幸いです。
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ないだろうが、それは繰り返さない画像を行います。
所属していません StackOverflow