Question

下面的代码多次显示图像到10个不同的图像，需要它是完整的图像..

<HTML>

<BODY >

<style>
body {background-image:url('back1.jpg');}
</style>

</BODY>
</HTML>

Answer 1

这样的事总是对我有用。

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>

Answer 2

试试这个......

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;
}

Answer 3

<HTML>

<BODY >

<style>
body {background-image:url('back1.jpg');background-repeat:no-repeat;} // add the no repeat 
</style>

</BODY>
</HTML>

Answer 4

background-repeat: no-repeat;
background-size: cover;

如何使图像显示为图像背景

4 个答案: