以下のコードは、画像を 10 個の異なる画像のように複数回表示します。完全な画像である必要があります。
<HTML>
<BODY >
<style>
body {background-image:url('back1.jpg');}
</style>
</BODY>
</HTML>
このようなものは常に私のために働いています。
body {
background: url(cool-image.jpg) no-repeat center center;
top:0;
left:0;
min-width:100%;
min-height:100%;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}
</style>
これを試して...
html {
background: url(images/bg.jpg) no-repeat center center fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}
<HTML>
<BODY >
<style>
body {background-image:url('back1.jpg');background-repeat:no-repeat;} // add the no repeat
</style>
</BODY>
</HTML>
background-repeat: no-repeat;
background-size: cover;